updating resources

1 files changed, 79423 insertions, 1 deletions

diff --git a/exampleSite/resources/_gen/assets/sass/sass/styles.sass_b8e3badeabeea89cef291c07b224cc39.content b/exampleSite/resources/_gen/assets/sass/sass/styles.sass_b8e3badeabeea89cef291c07b224cc39.content
index ce0b2f7..23ce850 100644
--- a/exampleSite/resources/_gen/assets/sass/sass/styles.sass_b8e3badeabeea89cef291c07b224cc39.content
+++ b/exampleSite/resources/_gen/assets/sass/sass/styles.sass_b8e3badeabeea89cef291c07b224cc39.content
@@ -22,6 +22,79428 @@
   --color-accent-light: #d174e0;
 }
 
+@media (prefers-color-scheme: dark) {
+  :root * {
+    --color-primary: #dee2e6;
+    --color-primary-dark: #adb5bd;
+    --color-primary-light: #e9ecef;
+    --color-secondary: #161616;
+    --color-secondary-dark: #000000;
+    --color-secondary-light: #303030;
+    --color-accent: #9e44ae;
+    --color-accent-dark: #6d0e7e;
+    --color-accent-light: #d174e0;
+  }
+
+  :root .dark\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+    border-color: transparent;
+  }
+
+  :root .dark\:divide-current > :not([hidden]) ~ :not([hidden]) {
+    border-color: currentColor;
+  }
+
+  :root .dark\:divide-black > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-white > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(240, 255, 244, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(198, 246, 213, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(154, 230, 180, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(104, 211, 145, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(72, 187, 120, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(56, 161, 105, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(47, 133, 90, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(39, 103, 73, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(34, 84, 61, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-green-apple > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(232, 243, 236, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-grey-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 245, 245, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-grey-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(238, 238, 238, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-grey-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(224, 224, 224, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-grey-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(189, 189, 189, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-grey-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(158, 158, 158, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-grey-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(117, 117, 117, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-grey-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(97, 97, 97, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-grey-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(66, 66, 66, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-grey-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(33, 33, 33, var(--tw-divide-opacity));
+  }
+
+  :root .dark\:divide-primary > :not([hidden]) ~ :not([hidden]) {
+    border-color: var(--color-primary);
+  }
+
+  :root .dark\:divide-primary-dark > :not([hidden]) ~ :not([hidden]) {
+    border-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:divide-primary-light > :not([hidden]) ~ :not([hidden]) {
+    border-color: var(--color-primary-light);
+  }
+
+  :root .dark\:divide-secondary > :not([hidden]) ~ :not([hidden]) {
+    border-color: var(--color-secondary);
+  }
+
+  :root .dark\:divide-secondary-dark > :not([hidden]) ~ :not([hidden]) {
+    border-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:divide-secondary-light > :not([hidden]) ~ :not([hidden]) {
+    border-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:divide-accent > :not([hidden]) ~ :not([hidden]) {
+    border-color: var(--color-accent);
+  }
+
+  :root .dark\:divide-accent-dark > :not([hidden]) ~ :not([hidden]) {
+    border-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:divide-accent-light > :not([hidden]) ~ :not([hidden]) {
+    border-color: var(--color-accent-light);
+  }
+
+  :root .dark\:bg-transparent {
+    background-color: transparent;
+  }
+
+  :root .dark\:bg-current {
+    background-color: currentColor;
+  }
+
+  :root .dark\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(240, 255, 244, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(198, 246, 213, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(154, 230, 180, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(104, 211, 145, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(72, 187, 120, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(56, 161, 105, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(47, 133, 90, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(39, 103, 73, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(34, 84, 61, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-green-apple {
+    --tw-bg-opacity: 1;
+    background-color: rgba(232, 243, 236, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-grey-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 245, 245, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-grey-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 238, 238, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-grey-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 224, 224, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-grey-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(189, 189, 189, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-grey-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(158, 158, 158, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-grey-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(117, 117, 117, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-grey-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(97, 97, 97, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-grey-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(66, 66, 66, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-grey-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(33, 33, 33, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:bg-primary {
+    background-color: var(--color-primary);
+  }
+
+  :root .dark\:bg-primary-dark {
+    background-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:bg-primary-light {
+    background-color: var(--color-primary-light);
+  }
+
+  :root .dark\:bg-secondary {
+    background-color: var(--color-secondary);
+  }
+
+  :root .dark\:bg-secondary-dark {
+    background-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:bg-secondary-light {
+    background-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:bg-accent {
+    background-color: var(--color-accent);
+  }
+
+  :root .dark\:bg-accent-dark {
+    background-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:bg-accent-light {
+    background-color: var(--color-accent-light);
+  }
+
+  :root .dark\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  :root .dark\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  :root .dark\:hover\:bg-black:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-gray-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-gray-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-gray-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-gray-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-gray-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-gray-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-gray-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-red-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-red-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-red-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-red-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-red-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-red-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-red-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-red-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-red-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-red-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-yellow-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-yellow-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-yellow-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-yellow-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-yellow-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-yellow-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-yellow-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-yellow-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-yellow-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-yellow-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-green-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-green-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(240, 255, 244, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-green-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(198, 246, 213, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-green-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(154, 230, 180, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-green-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(104, 211, 145, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-green-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(72, 187, 120, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-green-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(56, 161, 105, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-green-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(47, 133, 90, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-green-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(39, 103, 73, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-green-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(34, 84, 61, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-green-apple:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(232, 243, 236, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-blue-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-blue-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-blue-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-blue-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-blue-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-blue-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-blue-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-blue-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-blue-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-indigo-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-indigo-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-indigo-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-indigo-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-indigo-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-indigo-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-indigo-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-indigo-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-indigo-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-indigo-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-purple-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-purple-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-purple-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-purple-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-purple-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-purple-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-purple-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-purple-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-purple-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-purple-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-pink-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-pink-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-pink-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-pink-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-pink-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-pink-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-pink-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-pink-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-pink-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-pink-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-grey-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 245, 245, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-grey-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 238, 238, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-grey-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 224, 224, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-grey-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(189, 189, 189, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-grey-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(158, 158, 158, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-grey-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(117, 117, 117, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-grey-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(97, 97, 97, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-grey-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(66, 66, 66, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-grey-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(33, 33, 33, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:hover\:bg-primary:hover {
+    background-color: var(--color-primary);
+  }
+
+  :root .dark\:hover\:bg-primary-dark:hover {
+    background-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:hover\:bg-primary-light:hover {
+    background-color: var(--color-primary-light);
+  }
+
+  :root .dark\:hover\:bg-secondary:hover {
+    background-color: var(--color-secondary);
+  }
+
+  :root .dark\:hover\:bg-secondary-dark:hover {
+    background-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:hover\:bg-secondary-light:hover {
+    background-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:hover\:bg-accent:hover {
+    background-color: var(--color-accent);
+  }
+
+  :root .dark\:hover\:bg-accent-dark:hover {
+    background-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:hover\:bg-accent-light:hover {
+    background-color: var(--color-accent-light);
+  }
+
+  :root .dark\:active\:bg-transparent:active {
+    background-color: transparent;
+  }
+
+  :root .dark\:active\:bg-current:active {
+    background-color: currentColor;
+  }
+
+  :root .dark\:active\:bg-black:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-white:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-gray-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-gray-100:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-gray-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-gray-300:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-gray-400:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-gray-500:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-gray-600:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-gray-700:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-gray-800:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-gray-900:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-red-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-red-100:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-red-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-red-300:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-red-400:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-red-500:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-red-600:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-red-700:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-red-800:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-red-900:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-yellow-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-yellow-100:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-yellow-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-yellow-300:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-yellow-400:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-yellow-500:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-yellow-600:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-yellow-700:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-yellow-800:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-yellow-900:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-green-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-green-100:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(240, 255, 244, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-green-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(198, 246, 213, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-green-300:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(154, 230, 180, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-green-400:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(104, 211, 145, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-green-500:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(72, 187, 120, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-green-600:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(56, 161, 105, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-green-700:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(47, 133, 90, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-green-800:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(39, 103, 73, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-green-900:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(34, 84, 61, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-green-apple:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(232, 243, 236, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-blue-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-blue-100:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-blue-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-blue-300:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-blue-400:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-blue-500:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-blue-600:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-blue-700:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-blue-800:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-blue-900:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-indigo-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-indigo-100:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-indigo-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-indigo-300:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-indigo-400:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-indigo-500:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-indigo-600:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-indigo-700:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-indigo-800:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-indigo-900:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-purple-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-purple-100:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-purple-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-purple-300:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-purple-400:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-purple-500:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-purple-600:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-purple-700:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-purple-800:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-purple-900:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-pink-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-pink-100:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-pink-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-pink-300:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-pink-400:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-pink-500:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-pink-600:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-pink-700:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-pink-800:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-pink-900:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-grey-100:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 245, 245, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-grey-200:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 238, 238, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-grey-300:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 224, 224, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-grey-400:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(189, 189, 189, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-grey-500:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(158, 158, 158, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-grey-600:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(117, 117, 117, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-grey-700:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(97, 97, 97, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-grey-800:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(66, 66, 66, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-grey-900:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(33, 33, 33, var(--tw-bg-opacity));
+  }
+
+  :root .dark\:active\:bg-primary:active {
+    background-color: var(--color-primary);
+  }
+
+  :root .dark\:active\:bg-primary-dark:active {
+    background-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:active\:bg-primary-light:active {
+    background-color: var(--color-primary-light);
+  }
+
+  :root .dark\:active\:bg-secondary:active {
+    background-color: var(--color-secondary);
+  }
+
+  :root .dark\:active\:bg-secondary-dark:active {
+    background-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:active\:bg-secondary-light:active {
+    background-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:active\:bg-accent:active {
+    background-color: var(--color-accent);
+  }
+
+  :root .dark\:active\:bg-accent-dark:active {
+    background-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:active\:bg-accent-light:active {
+    background-color: var(--color-accent-light);
+  }
+
+  :root .dark\:from-transparent {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  :root .dark\:from-current {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:from-black {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  :root .dark\:from-white {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:from-gray-50 {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  :root .dark\:from-gray-100 {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  :root .dark\:from-gray-200 {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  :root .dark\:from-gray-300 {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  :root .dark\:from-gray-400 {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  :root .dark\:from-gray-500 {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  :root .dark\:from-gray-600 {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  :root .dark\:from-gray-700 {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  :root .dark\:from-gray-800 {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  :root .dark\:from-gray-900 {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  :root .dark\:from-red-50 {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  :root .dark\:from-red-100 {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  :root .dark\:from-red-200 {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  :root .dark\:from-red-300 {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  :root .dark\:from-red-400 {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  :root .dark\:from-red-500 {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  :root .dark\:from-red-600 {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  :root .dark\:from-red-700 {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  :root .dark\:from-red-800 {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  :root .dark\:from-red-900 {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  :root .dark\:from-yellow-50 {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  :root .dark\:from-yellow-100 {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  :root .dark\:from-yellow-200 {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  :root .dark\:from-yellow-300 {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  :root .dark\:from-yellow-400 {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  :root .dark\:from-yellow-500 {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  :root .dark\:from-yellow-600 {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  :root .dark\:from-yellow-700 {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  :root .dark\:from-yellow-800 {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  :root .dark\:from-yellow-900 {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  :root .dark\:from-green-50 {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  :root .dark\:from-green-100 {
+    --tw-gradient-from: #f0fff4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+  }
+
+  :root .dark\:from-green-200 {
+    --tw-gradient-from: #c6f6d5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+  }
+
+  :root .dark\:from-green-300 {
+    --tw-gradient-from: #9ae6b4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+  }
+
+  :root .dark\:from-green-400 {
+    --tw-gradient-from: #68d391;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+  }
+
+  :root .dark\:from-green-500 {
+    --tw-gradient-from: #48bb78;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+  }
+
+  :root .dark\:from-green-600 {
+    --tw-gradient-from: #38a169;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+  }
+
+  :root .dark\:from-green-700 {
+    --tw-gradient-from: #2f855a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+  }
+
+  :root .dark\:from-green-800 {
+    --tw-gradient-from: #276749;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+  }
+
+  :root .dark\:from-green-900 {
+    --tw-gradient-from: #22543d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+  }
+
+  :root .dark\:from-green-apple {
+    --tw-gradient-from: #E8F3EC;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+  }
+
+  :root .dark\:from-blue-50 {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  :root .dark\:from-blue-100 {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  :root .dark\:from-blue-200 {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  :root .dark\:from-blue-300 {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  :root .dark\:from-blue-400 {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  :root .dark\:from-blue-500 {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  :root .dark\:from-blue-600 {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  :root .dark\:from-blue-700 {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  :root .dark\:from-blue-800 {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  :root .dark\:from-blue-900 {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  :root .dark\:from-indigo-50 {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  :root .dark\:from-indigo-100 {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  :root .dark\:from-indigo-200 {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  :root .dark\:from-indigo-300 {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  :root .dark\:from-indigo-400 {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  :root .dark\:from-indigo-500 {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  :root .dark\:from-indigo-600 {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  :root .dark\:from-indigo-700 {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  :root .dark\:from-indigo-800 {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  :root .dark\:from-indigo-900 {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  :root .dark\:from-purple-50 {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  :root .dark\:from-purple-100 {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  :root .dark\:from-purple-200 {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  :root .dark\:from-purple-300 {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  :root .dark\:from-purple-400 {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  :root .dark\:from-purple-500 {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  :root .dark\:from-purple-600 {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  :root .dark\:from-purple-700 {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  :root .dark\:from-purple-800 {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  :root .dark\:from-purple-900 {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  :root .dark\:from-pink-50 {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  :root .dark\:from-pink-100 {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  :root .dark\:from-pink-200 {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  :root .dark\:from-pink-300 {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  :root .dark\:from-pink-400 {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  :root .dark\:from-pink-500 {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  :root .dark\:from-pink-600 {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  :root .dark\:from-pink-700 {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  :root .dark\:from-pink-800 {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  :root .dark\:from-pink-900 {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  :root .dark\:from-grey-100 {
+    --tw-gradient-from: #f5f5f5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+  }
+
+  :root .dark\:from-grey-200 {
+    --tw-gradient-from: #eeeeee;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+  }
+
+  :root .dark\:from-grey-300 {
+    --tw-gradient-from: #e0e0e0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+  }
+
+  :root .dark\:from-grey-400 {
+    --tw-gradient-from: #bdbdbd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+  }
+
+  :root .dark\:from-grey-500 {
+    --tw-gradient-from: #9e9e9e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+  }
+
+  :root .dark\:from-grey-600 {
+    --tw-gradient-from: #757575;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+  }
+
+  :root .dark\:from-grey-700 {
+    --tw-gradient-from: #616161;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+  }
+
+  :root .dark\:from-grey-800 {
+    --tw-gradient-from: #424242;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+  }
+
+  :root .dark\:from-grey-900 {
+    --tw-gradient-from: #212121;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+  }
+
+  :root .dark\:from-primary {
+    --tw-gradient-from: var(--color-primary);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:from-primary-dark {
+    --tw-gradient-from: var(--color-primary-dark);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:from-primary-light {
+    --tw-gradient-from: var(--color-primary-light);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:from-secondary {
+    --tw-gradient-from: var(--color-secondary);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:from-secondary-dark {
+    --tw-gradient-from: var(--color-secondary-dark);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:from-secondary-light {
+    --tw-gradient-from: var(--color-secondary-light);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:from-accent {
+    --tw-gradient-from: var(--color-accent);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:from-accent-dark {
+    --tw-gradient-from: var(--color-accent-dark);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:from-accent-light {
+    --tw-gradient-from: var(--color-accent-light);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:via-transparent {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  :root .dark\:via-current {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:via-black {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  :root .dark\:via-white {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  :root .dark\:via-gray-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  :root .dark\:via-gray-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  :root .dark\:via-gray-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  :root .dark\:via-gray-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  :root .dark\:via-gray-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  :root .dark\:via-gray-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  :root .dark\:via-gray-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  :root .dark\:via-gray-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  :root .dark\:via-gray-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  :root .dark\:via-red-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  :root .dark\:via-red-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  :root .dark\:via-red-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  :root .dark\:via-red-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  :root .dark\:via-red-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  :root .dark\:via-red-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  :root .dark\:via-red-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  :root .dark\:via-red-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  :root .dark\:via-red-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  :root .dark\:via-red-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  :root .dark\:via-yellow-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  :root .dark\:via-yellow-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  :root .dark\:via-yellow-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  :root .dark\:via-yellow-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  :root .dark\:via-yellow-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  :root .dark\:via-yellow-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  :root .dark\:via-yellow-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  :root .dark\:via-yellow-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  :root .dark\:via-yellow-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  :root .dark\:via-yellow-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  :root .dark\:via-green-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  :root .dark\:via-green-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+  }
+
+  :root .dark\:via-green-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+  }
+
+  :root .dark\:via-green-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+  }
+
+  :root .dark\:via-green-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+  }
+
+  :root .dark\:via-green-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+  }
+
+  :root .dark\:via-green-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+  }
+
+  :root .dark\:via-green-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+  }
+
+  :root .dark\:via-green-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+  }
+
+  :root .dark\:via-green-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+  }
+
+  :root .dark\:via-green-apple {
+    --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+  }
+
+  :root .dark\:via-blue-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  :root .dark\:via-blue-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  :root .dark\:via-blue-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  :root .dark\:via-blue-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  :root .dark\:via-blue-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  :root .dark\:via-blue-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  :root .dark\:via-blue-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  :root .dark\:via-blue-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  :root .dark\:via-blue-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  :root .dark\:via-blue-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  :root .dark\:via-indigo-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  :root .dark\:via-indigo-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  :root .dark\:via-indigo-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  :root .dark\:via-indigo-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  :root .dark\:via-indigo-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  :root .dark\:via-indigo-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  :root .dark\:via-indigo-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  :root .dark\:via-indigo-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  :root .dark\:via-indigo-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  :root .dark\:via-indigo-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  :root .dark\:via-purple-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  :root .dark\:via-purple-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  :root .dark\:via-purple-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  :root .dark\:via-purple-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  :root .dark\:via-purple-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  :root .dark\:via-purple-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  :root .dark\:via-purple-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  :root .dark\:via-purple-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  :root .dark\:via-purple-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  :root .dark\:via-purple-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  :root .dark\:via-pink-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  :root .dark\:via-pink-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  :root .dark\:via-pink-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  :root .dark\:via-pink-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  :root .dark\:via-pink-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  :root .dark\:via-pink-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  :root .dark\:via-pink-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  :root .dark\:via-pink-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  :root .dark\:via-pink-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  :root .dark\:via-pink-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  :root .dark\:via-grey-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+  }
+
+  :root .dark\:via-grey-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+  }
+
+  :root .dark\:via-grey-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+  }
+
+  :root .dark\:via-grey-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+  }
+
+  :root .dark\:via-grey-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+  }
+
+  :root .dark\:via-grey-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+  }
+
+  :root .dark\:via-grey-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+  }
+
+  :root .dark\:via-grey-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+  }
+
+  :root .dark\:via-grey-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+  }
+
+  :root .dark\:via-primary {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:via-primary-dark {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:via-primary-light {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:via-secondary {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:via-secondary-dark {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:via-secondary-light {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:via-accent {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:via-accent-dark {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:via-accent-light {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:to-transparent {
+    --tw-gradient-to: transparent;
+  }
+
+  :root .dark\:to-current {
+    --tw-gradient-to: currentColor;
+  }
+
+  :root .dark\:to-black {
+    --tw-gradient-to: #000;
+  }
+
+  :root .dark\:to-white {
+    --tw-gradient-to: #fff;
+  }
+
+  :root .dark\:to-gray-50 {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  :root .dark\:to-gray-100 {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  :root .dark\:to-gray-200 {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  :root .dark\:to-gray-300 {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  :root .dark\:to-gray-400 {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  :root .dark\:to-gray-500 {
+    --tw-gradient-to: #6b7280;
+  }
+
+  :root .dark\:to-gray-600 {
+    --tw-gradient-to: #4b5563;
+  }
+
+  :root .dark\:to-gray-700 {
+    --tw-gradient-to: #374151;
+  }
+
+  :root .dark\:to-gray-800 {
+    --tw-gradient-to: #1f2937;
+  }
+
+  :root .dark\:to-gray-900 {
+    --tw-gradient-to: #111827;
+  }
+
+  :root .dark\:to-red-50 {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  :root .dark\:to-red-100 {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  :root .dark\:to-red-200 {
+    --tw-gradient-to: #fecaca;
+  }
+
+  :root .dark\:to-red-300 {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  :root .dark\:to-red-400 {
+    --tw-gradient-to: #f87171;
+  }
+
+  :root .dark\:to-red-500 {
+    --tw-gradient-to: #ef4444;
+  }
+
+  :root .dark\:to-red-600 {
+    --tw-gradient-to: #dc2626;
+  }
+
+  :root .dark\:to-red-700 {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  :root .dark\:to-red-800 {
+    --tw-gradient-to: #991b1b;
+  }
+
+  :root .dark\:to-red-900 {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  :root .dark\:to-yellow-50 {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  :root .dark\:to-yellow-100 {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  :root .dark\:to-yellow-200 {
+    --tw-gradient-to: #fde68a;
+  }
+
+  :root .dark\:to-yellow-300 {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  :root .dark\:to-yellow-400 {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  :root .dark\:to-yellow-500 {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  :root .dark\:to-yellow-600 {
+    --tw-gradient-to: #d97706;
+  }
+
+  :root .dark\:to-yellow-700 {
+    --tw-gradient-to: #b45309;
+  }
+
+  :root .dark\:to-yellow-800 {
+    --tw-gradient-to: #92400e;
+  }
+
+  :root .dark\:to-yellow-900 {
+    --tw-gradient-to: #78350f;
+  }
+
+  :root .dark\:to-green-50 {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  :root .dark\:to-green-100 {
+    --tw-gradient-to: #f0fff4;
+  }
+
+  :root .dark\:to-green-200 {
+    --tw-gradient-to: #c6f6d5;
+  }
+
+  :root .dark\:to-green-300 {
+    --tw-gradient-to: #9ae6b4;
+  }
+
+  :root .dark\:to-green-400 {
+    --tw-gradient-to: #68d391;
+  }
+
+  :root .dark\:to-green-500 {
+    --tw-gradient-to: #48bb78;
+  }
+
+  :root .dark\:to-green-600 {
+    --tw-gradient-to: #38a169;
+  }
+
+  :root .dark\:to-green-700 {
+    --tw-gradient-to: #2f855a;
+  }
+
+  :root .dark\:to-green-800 {
+    --tw-gradient-to: #276749;
+  }
+
+  :root .dark\:to-green-900 {
+    --tw-gradient-to: #22543d;
+  }
+
+  :root .dark\:to-green-apple {
+    --tw-gradient-to: #E8F3EC;
+  }
+
+  :root .dark\:to-blue-50 {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  :root .dark\:to-blue-100 {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  :root .dark\:to-blue-200 {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  :root .dark\:to-blue-300 {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  :root .dark\:to-blue-400 {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  :root .dark\:to-blue-500 {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  :root .dark\:to-blue-600 {
+    --tw-gradient-to: #2563eb;
+  }
+
+  :root .dark\:to-blue-700 {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  :root .dark\:to-blue-800 {
+    --tw-gradient-to: #1e40af;
+  }
+
+  :root .dark\:to-blue-900 {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  :root .dark\:to-indigo-50 {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  :root .dark\:to-indigo-100 {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  :root .dark\:to-indigo-200 {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  :root .dark\:to-indigo-300 {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  :root .dark\:to-indigo-400 {
+    --tw-gradient-to: #818cf8;
+  }
+
+  :root .dark\:to-indigo-500 {
+    --tw-gradient-to: #6366f1;
+  }
+
+  :root .dark\:to-indigo-600 {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  :root .dark\:to-indigo-700 {
+    --tw-gradient-to: #4338ca;
+  }
+
+  :root .dark\:to-indigo-800 {
+    --tw-gradient-to: #3730a3;
+  }
+
+  :root .dark\:to-indigo-900 {
+    --tw-gradient-to: #312e81;
+  }
+
+  :root .dark\:to-purple-50 {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  :root .dark\:to-purple-100 {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  :root .dark\:to-purple-200 {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  :root .dark\:to-purple-300 {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  :root .dark\:to-purple-400 {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  :root .dark\:to-purple-500 {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  :root .dark\:to-purple-600 {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  :root .dark\:to-purple-700 {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  :root .dark\:to-purple-800 {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  :root .dark\:to-purple-900 {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  :root .dark\:to-pink-50 {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  :root .dark\:to-pink-100 {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  :root .dark\:to-pink-200 {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  :root .dark\:to-pink-300 {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  :root .dark\:to-pink-400 {
+    --tw-gradient-to: #f472b6;
+  }
+
+  :root .dark\:to-pink-500 {
+    --tw-gradient-to: #ec4899;
+  }
+
+  :root .dark\:to-pink-600 {
+    --tw-gradient-to: #db2777;
+  }
+
+  :root .dark\:to-pink-700 {
+    --tw-gradient-to: #be185d;
+  }
+
+  :root .dark\:to-pink-800 {
+    --tw-gradient-to: #9d174d;
+  }
+
+  :root .dark\:to-pink-900 {
+    --tw-gradient-to: #831843;
+  }
+
+  :root .dark\:to-grey-100 {
+    --tw-gradient-to: #f5f5f5;
+  }
+
+  :root .dark\:to-grey-200 {
+    --tw-gradient-to: #eeeeee;
+  }
+
+  :root .dark\:to-grey-300 {
+    --tw-gradient-to: #e0e0e0;
+  }
+
+  :root .dark\:to-grey-400 {
+    --tw-gradient-to: #bdbdbd;
+  }
+
+  :root .dark\:to-grey-500 {
+    --tw-gradient-to: #9e9e9e;
+  }
+
+  :root .dark\:to-grey-600 {
+    --tw-gradient-to: #757575;
+  }
+
+  :root .dark\:to-grey-700 {
+    --tw-gradient-to: #616161;
+  }
+
+  :root .dark\:to-grey-800 {
+    --tw-gradient-to: #424242;
+  }
+
+  :root .dark\:to-grey-900 {
+    --tw-gradient-to: #212121;
+  }
+
+  :root .dark\:to-primary {
+    --tw-gradient-to: var(--color-primary);
+  }
+
+  :root .dark\:to-primary-dark {
+    --tw-gradient-to: var(--color-primary-dark);
+  }
+
+  :root .dark\:to-primary-light {
+    --tw-gradient-to: var(--color-primary-light);
+  }
+
+  :root .dark\:to-secondary {
+    --tw-gradient-to: var(--color-secondary);
+  }
+
+  :root .dark\:to-secondary-dark {
+    --tw-gradient-to: var(--color-secondary-dark);
+  }
+
+  :root .dark\:to-secondary-light {
+    --tw-gradient-to: var(--color-secondary-light);
+  }
+
+  :root .dark\:to-accent {
+    --tw-gradient-to: var(--color-accent);
+  }
+
+  :root .dark\:to-accent-dark {
+    --tw-gradient-to: var(--color-accent-dark);
+  }
+
+  :root .dark\:to-accent-light {
+    --tw-gradient-to: var(--color-accent-light);
+  }
+
+  :root .dark\:hover\:from-transparent:hover {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  :root .dark\:hover\:from-current:hover {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:from-black:hover {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  :root .dark\:hover\:from-white:hover {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  :root .dark\:hover\:from-gray-100:hover {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  :root .dark\:hover\:from-gray-200:hover {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  :root .dark\:hover\:from-gray-300:hover {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  :root .dark\:hover\:from-gray-400:hover {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  :root .dark\:hover\:from-gray-500:hover {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  :root .dark\:hover\:from-gray-600:hover {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  :root .dark\:hover\:from-gray-700:hover {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  :root .dark\:hover\:from-gray-800:hover {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  :root .dark\:hover\:from-gray-900:hover {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  :root .dark\:hover\:from-red-50:hover {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  :root .dark\:hover\:from-red-100:hover {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  :root .dark\:hover\:from-red-200:hover {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  :root .dark\:hover\:from-red-300:hover {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  :root .dark\:hover\:from-red-400:hover {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  :root .dark\:hover\:from-red-500:hover {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  :root .dark\:hover\:from-red-600:hover {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  :root .dark\:hover\:from-red-700:hover {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  :root .dark\:hover\:from-red-800:hover {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  :root .dark\:hover\:from-red-900:hover {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  :root .dark\:hover\:from-yellow-50:hover {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  :root .dark\:hover\:from-yellow-100:hover {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  :root .dark\:hover\:from-yellow-200:hover {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  :root .dark\:hover\:from-yellow-300:hover {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  :root .dark\:hover\:from-yellow-400:hover {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  :root .dark\:hover\:from-yellow-500:hover {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  :root .dark\:hover\:from-yellow-600:hover {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  :root .dark\:hover\:from-yellow-700:hover {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  :root .dark\:hover\:from-yellow-800:hover {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  :root .dark\:hover\:from-yellow-900:hover {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  :root .dark\:hover\:from-green-50:hover {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  :root .dark\:hover\:from-green-100:hover {
+    --tw-gradient-from: #f0fff4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+  }
+
+  :root .dark\:hover\:from-green-200:hover {
+    --tw-gradient-from: #c6f6d5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+  }
+
+  :root .dark\:hover\:from-green-300:hover {
+    --tw-gradient-from: #9ae6b4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+  }
+
+  :root .dark\:hover\:from-green-400:hover {
+    --tw-gradient-from: #68d391;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+  }
+
+  :root .dark\:hover\:from-green-500:hover {
+    --tw-gradient-from: #48bb78;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+  }
+
+  :root .dark\:hover\:from-green-600:hover {
+    --tw-gradient-from: #38a169;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+  }
+
+  :root .dark\:hover\:from-green-700:hover {
+    --tw-gradient-from: #2f855a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+  }
+
+  :root .dark\:hover\:from-green-800:hover {
+    --tw-gradient-from: #276749;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+  }
+
+  :root .dark\:hover\:from-green-900:hover {
+    --tw-gradient-from: #22543d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+  }
+
+  :root .dark\:hover\:from-green-apple:hover {
+    --tw-gradient-from: #E8F3EC;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+  }
+
+  :root .dark\:hover\:from-blue-50:hover {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  :root .dark\:hover\:from-blue-100:hover {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  :root .dark\:hover\:from-blue-200:hover {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  :root .dark\:hover\:from-blue-300:hover {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  :root .dark\:hover\:from-blue-400:hover {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  :root .dark\:hover\:from-blue-500:hover {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  :root .dark\:hover\:from-blue-600:hover {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  :root .dark\:hover\:from-blue-700:hover {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  :root .dark\:hover\:from-blue-800:hover {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  :root .dark\:hover\:from-blue-900:hover {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  :root .dark\:hover\:from-indigo-50:hover {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  :root .dark\:hover\:from-indigo-100:hover {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  :root .dark\:hover\:from-indigo-200:hover {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  :root .dark\:hover\:from-indigo-300:hover {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  :root .dark\:hover\:from-indigo-400:hover {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  :root .dark\:hover\:from-indigo-500:hover {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  :root .dark\:hover\:from-indigo-600:hover {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  :root .dark\:hover\:from-indigo-700:hover {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  :root .dark\:hover\:from-indigo-800:hover {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  :root .dark\:hover\:from-indigo-900:hover {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  :root .dark\:hover\:from-purple-50:hover {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  :root .dark\:hover\:from-purple-100:hover {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  :root .dark\:hover\:from-purple-200:hover {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  :root .dark\:hover\:from-purple-300:hover {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  :root .dark\:hover\:from-purple-400:hover {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  :root .dark\:hover\:from-purple-500:hover {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  :root .dark\:hover\:from-purple-600:hover {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  :root .dark\:hover\:from-purple-700:hover {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  :root .dark\:hover\:from-purple-800:hover {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  :root .dark\:hover\:from-purple-900:hover {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  :root .dark\:hover\:from-pink-50:hover {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  :root .dark\:hover\:from-pink-100:hover {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  :root .dark\:hover\:from-pink-200:hover {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  :root .dark\:hover\:from-pink-300:hover {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  :root .dark\:hover\:from-pink-400:hover {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  :root .dark\:hover\:from-pink-500:hover {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  :root .dark\:hover\:from-pink-600:hover {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  :root .dark\:hover\:from-pink-700:hover {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  :root .dark\:hover\:from-pink-800:hover {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  :root .dark\:hover\:from-pink-900:hover {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  :root .dark\:hover\:from-grey-100:hover {
+    --tw-gradient-from: #f5f5f5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+  }
+
+  :root .dark\:hover\:from-grey-200:hover {
+    --tw-gradient-from: #eeeeee;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+  }
+
+  :root .dark\:hover\:from-grey-300:hover {
+    --tw-gradient-from: #e0e0e0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+  }
+
+  :root .dark\:hover\:from-grey-400:hover {
+    --tw-gradient-from: #bdbdbd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+  }
+
+  :root .dark\:hover\:from-grey-500:hover {
+    --tw-gradient-from: #9e9e9e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+  }
+
+  :root .dark\:hover\:from-grey-600:hover {
+    --tw-gradient-from: #757575;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+  }
+
+  :root .dark\:hover\:from-grey-700:hover {
+    --tw-gradient-from: #616161;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+  }
+
+  :root .dark\:hover\:from-grey-800:hover {
+    --tw-gradient-from: #424242;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+  }
+
+  :root .dark\:hover\:from-grey-900:hover {
+    --tw-gradient-from: #212121;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+  }
+
+  :root .dark\:hover\:from-primary:hover {
+    --tw-gradient-from: var(--color-primary);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:from-primary-dark:hover {
+    --tw-gradient-from: var(--color-primary-dark);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:from-primary-light:hover {
+    --tw-gradient-from: var(--color-primary-light);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:from-secondary:hover {
+    --tw-gradient-from: var(--color-secondary);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:from-secondary-dark:hover {
+    --tw-gradient-from: var(--color-secondary-dark);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:from-secondary-light:hover {
+    --tw-gradient-from: var(--color-secondary-light);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:from-accent:hover {
+    --tw-gradient-from: var(--color-accent);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:from-accent-dark:hover {
+    --tw-gradient-from: var(--color-accent-dark);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:from-accent-light:hover {
+    --tw-gradient-from: var(--color-accent-light);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:via-transparent:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  :root .dark\:hover\:via-current:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:via-black:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  :root .dark\:hover\:via-white:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  :root .dark\:hover\:via-gray-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  :root .dark\:hover\:via-gray-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  :root .dark\:hover\:via-gray-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  :root .dark\:hover\:via-gray-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  :root .dark\:hover\:via-gray-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  :root .dark\:hover\:via-gray-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  :root .dark\:hover\:via-gray-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  :root .dark\:hover\:via-gray-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  :root .dark\:hover\:via-gray-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  :root .dark\:hover\:via-red-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  :root .dark\:hover\:via-red-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  :root .dark\:hover\:via-red-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  :root .dark\:hover\:via-red-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  :root .dark\:hover\:via-red-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  :root .dark\:hover\:via-red-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  :root .dark\:hover\:via-red-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  :root .dark\:hover\:via-red-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  :root .dark\:hover\:via-red-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  :root .dark\:hover\:via-red-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  :root .dark\:hover\:via-yellow-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  :root .dark\:hover\:via-yellow-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  :root .dark\:hover\:via-yellow-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  :root .dark\:hover\:via-yellow-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  :root .dark\:hover\:via-yellow-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  :root .dark\:hover\:via-yellow-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  :root .dark\:hover\:via-yellow-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  :root .dark\:hover\:via-yellow-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  :root .dark\:hover\:via-yellow-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  :root .dark\:hover\:via-yellow-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  :root .dark\:hover\:via-green-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  :root .dark\:hover\:via-green-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+  }
+
+  :root .dark\:hover\:via-green-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+  }
+
+  :root .dark\:hover\:via-green-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+  }
+
+  :root .dark\:hover\:via-green-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+  }
+
+  :root .dark\:hover\:via-green-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+  }
+
+  :root .dark\:hover\:via-green-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+  }
+
+  :root .dark\:hover\:via-green-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+  }
+
+  :root .dark\:hover\:via-green-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+  }
+
+  :root .dark\:hover\:via-green-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+  }
+
+  :root .dark\:hover\:via-green-apple:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+  }
+
+  :root .dark\:hover\:via-blue-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  :root .dark\:hover\:via-blue-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  :root .dark\:hover\:via-blue-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  :root .dark\:hover\:via-blue-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  :root .dark\:hover\:via-blue-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  :root .dark\:hover\:via-blue-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  :root .dark\:hover\:via-blue-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  :root .dark\:hover\:via-blue-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  :root .dark\:hover\:via-blue-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  :root .dark\:hover\:via-blue-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  :root .dark\:hover\:via-indigo-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  :root .dark\:hover\:via-indigo-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  :root .dark\:hover\:via-indigo-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  :root .dark\:hover\:via-indigo-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  :root .dark\:hover\:via-indigo-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  :root .dark\:hover\:via-indigo-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  :root .dark\:hover\:via-indigo-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  :root .dark\:hover\:via-indigo-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  :root .dark\:hover\:via-indigo-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  :root .dark\:hover\:via-indigo-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  :root .dark\:hover\:via-purple-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  :root .dark\:hover\:via-purple-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  :root .dark\:hover\:via-purple-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  :root .dark\:hover\:via-purple-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  :root .dark\:hover\:via-purple-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  :root .dark\:hover\:via-purple-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  :root .dark\:hover\:via-purple-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  :root .dark\:hover\:via-purple-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  :root .dark\:hover\:via-purple-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  :root .dark\:hover\:via-purple-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  :root .dark\:hover\:via-pink-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  :root .dark\:hover\:via-pink-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  :root .dark\:hover\:via-pink-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  :root .dark\:hover\:via-pink-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  :root .dark\:hover\:via-pink-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  :root .dark\:hover\:via-pink-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  :root .dark\:hover\:via-pink-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  :root .dark\:hover\:via-pink-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  :root .dark\:hover\:via-pink-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  :root .dark\:hover\:via-pink-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  :root .dark\:hover\:via-grey-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+  }
+
+  :root .dark\:hover\:via-grey-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+  }
+
+  :root .dark\:hover\:via-grey-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+  }
+
+  :root .dark\:hover\:via-grey-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+  }
+
+  :root .dark\:hover\:via-grey-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+  }
+
+  :root .dark\:hover\:via-grey-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+  }
+
+  :root .dark\:hover\:via-grey-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+  }
+
+  :root .dark\:hover\:via-grey-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+  }
+
+  :root .dark\:hover\:via-grey-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+  }
+
+  :root .dark\:hover\:via-primary:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:via-primary-dark:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:via-primary-light:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:via-secondary:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:via-secondary-dark:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:via-secondary-light:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:via-accent:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:via-accent-dark:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:via-accent-light:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:hover\:to-transparent:hover {
+    --tw-gradient-to: transparent;
+  }
+
+  :root .dark\:hover\:to-current:hover {
+    --tw-gradient-to: currentColor;
+  }
+
+  :root .dark\:hover\:to-black:hover {
+    --tw-gradient-to: #000;
+  }
+
+  :root .dark\:hover\:to-white:hover {
+    --tw-gradient-to: #fff;
+  }
+
+  :root .dark\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  :root .dark\:hover\:to-gray-100:hover {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  :root .dark\:hover\:to-gray-200:hover {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  :root .dark\:hover\:to-gray-300:hover {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  :root .dark\:hover\:to-gray-400:hover {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  :root .dark\:hover\:to-gray-500:hover {
+    --tw-gradient-to: #6b7280;
+  }
+
+  :root .dark\:hover\:to-gray-600:hover {
+    --tw-gradient-to: #4b5563;
+  }
+
+  :root .dark\:hover\:to-gray-700:hover {
+    --tw-gradient-to: #374151;
+  }
+
+  :root .dark\:hover\:to-gray-800:hover {
+    --tw-gradient-to: #1f2937;
+  }
+
+  :root .dark\:hover\:to-gray-900:hover {
+    --tw-gradient-to: #111827;
+  }
+
+  :root .dark\:hover\:to-red-50:hover {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  :root .dark\:hover\:to-red-100:hover {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  :root .dark\:hover\:to-red-200:hover {
+    --tw-gradient-to: #fecaca;
+  }
+
+  :root .dark\:hover\:to-red-300:hover {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  :root .dark\:hover\:to-red-400:hover {
+    --tw-gradient-to: #f87171;
+  }
+
+  :root .dark\:hover\:to-red-500:hover {
+    --tw-gradient-to: #ef4444;
+  }
+
+  :root .dark\:hover\:to-red-600:hover {
+    --tw-gradient-to: #dc2626;
+  }
+
+  :root .dark\:hover\:to-red-700:hover {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  :root .dark\:hover\:to-red-800:hover {
+    --tw-gradient-to: #991b1b;
+  }
+
+  :root .dark\:hover\:to-red-900:hover {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  :root .dark\:hover\:to-yellow-50:hover {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  :root .dark\:hover\:to-yellow-100:hover {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  :root .dark\:hover\:to-yellow-200:hover {
+    --tw-gradient-to: #fde68a;
+  }
+
+  :root .dark\:hover\:to-yellow-300:hover {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  :root .dark\:hover\:to-yellow-400:hover {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  :root .dark\:hover\:to-yellow-500:hover {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  :root .dark\:hover\:to-yellow-600:hover {
+    --tw-gradient-to: #d97706;
+  }
+
+  :root .dark\:hover\:to-yellow-700:hover {
+    --tw-gradient-to: #b45309;
+  }
+
+  :root .dark\:hover\:to-yellow-800:hover {
+    --tw-gradient-to: #92400e;
+  }
+
+  :root .dark\:hover\:to-yellow-900:hover {
+    --tw-gradient-to: #78350f;
+  }
+
+  :root .dark\:hover\:to-green-50:hover {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  :root .dark\:hover\:to-green-100:hover {
+    --tw-gradient-to: #f0fff4;
+  }
+
+  :root .dark\:hover\:to-green-200:hover {
+    --tw-gradient-to: #c6f6d5;
+  }
+
+  :root .dark\:hover\:to-green-300:hover {
+    --tw-gradient-to: #9ae6b4;
+  }
+
+  :root .dark\:hover\:to-green-400:hover {
+    --tw-gradient-to: #68d391;
+  }
+
+  :root .dark\:hover\:to-green-500:hover {
+    --tw-gradient-to: #48bb78;
+  }
+
+  :root .dark\:hover\:to-green-600:hover {
+    --tw-gradient-to: #38a169;
+  }
+
+  :root .dark\:hover\:to-green-700:hover {
+    --tw-gradient-to: #2f855a;
+  }
+
+  :root .dark\:hover\:to-green-800:hover {
+    --tw-gradient-to: #276749;
+  }
+
+  :root .dark\:hover\:to-green-900:hover {
+    --tw-gradient-to: #22543d;
+  }
+
+  :root .dark\:hover\:to-green-apple:hover {
+    --tw-gradient-to: #E8F3EC;
+  }
+
+  :root .dark\:hover\:to-blue-50:hover {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  :root .dark\:hover\:to-blue-100:hover {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  :root .dark\:hover\:to-blue-200:hover {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  :root .dark\:hover\:to-blue-300:hover {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  :root .dark\:hover\:to-blue-400:hover {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  :root .dark\:hover\:to-blue-500:hover {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  :root .dark\:hover\:to-blue-600:hover {
+    --tw-gradient-to: #2563eb;
+  }
+
+  :root .dark\:hover\:to-blue-700:hover {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  :root .dark\:hover\:to-blue-800:hover {
+    --tw-gradient-to: #1e40af;
+  }
+
+  :root .dark\:hover\:to-blue-900:hover {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  :root .dark\:hover\:to-indigo-50:hover {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  :root .dark\:hover\:to-indigo-100:hover {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  :root .dark\:hover\:to-indigo-200:hover {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  :root .dark\:hover\:to-indigo-300:hover {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  :root .dark\:hover\:to-indigo-400:hover {
+    --tw-gradient-to: #818cf8;
+  }
+
+  :root .dark\:hover\:to-indigo-500:hover {
+    --tw-gradient-to: #6366f1;
+  }
+
+  :root .dark\:hover\:to-indigo-600:hover {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  :root .dark\:hover\:to-indigo-700:hover {
+    --tw-gradient-to: #4338ca;
+  }
+
+  :root .dark\:hover\:to-indigo-800:hover {
+    --tw-gradient-to: #3730a3;
+  }
+
+  :root .dark\:hover\:to-indigo-900:hover {
+    --tw-gradient-to: #312e81;
+  }
+
+  :root .dark\:hover\:to-purple-50:hover {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  :root .dark\:hover\:to-purple-100:hover {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  :root .dark\:hover\:to-purple-200:hover {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  :root .dark\:hover\:to-purple-300:hover {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  :root .dark\:hover\:to-purple-400:hover {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  :root .dark\:hover\:to-purple-500:hover {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  :root .dark\:hover\:to-purple-600:hover {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  :root .dark\:hover\:to-purple-700:hover {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  :root .dark\:hover\:to-purple-800:hover {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  :root .dark\:hover\:to-purple-900:hover {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  :root .dark\:hover\:to-pink-50:hover {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  :root .dark\:hover\:to-pink-100:hover {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  :root .dark\:hover\:to-pink-200:hover {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  :root .dark\:hover\:to-pink-300:hover {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  :root .dark\:hover\:to-pink-400:hover {
+    --tw-gradient-to: #f472b6;
+  }
+
+  :root .dark\:hover\:to-pink-500:hover {
+    --tw-gradient-to: #ec4899;
+  }
+
+  :root .dark\:hover\:to-pink-600:hover {
+    --tw-gradient-to: #db2777;
+  }
+
+  :root .dark\:hover\:to-pink-700:hover {
+    --tw-gradient-to: #be185d;
+  }
+
+  :root .dark\:hover\:to-pink-800:hover {
+    --tw-gradient-to: #9d174d;
+  }
+
+  :root .dark\:hover\:to-pink-900:hover {
+    --tw-gradient-to: #831843;
+  }
+
+  :root .dark\:hover\:to-grey-100:hover {
+    --tw-gradient-to: #f5f5f5;
+  }
+
+  :root .dark\:hover\:to-grey-200:hover {
+    --tw-gradient-to: #eeeeee;
+  }
+
+  :root .dark\:hover\:to-grey-300:hover {
+    --tw-gradient-to: #e0e0e0;
+  }
+
+  :root .dark\:hover\:to-grey-400:hover {
+    --tw-gradient-to: #bdbdbd;
+  }
+
+  :root .dark\:hover\:to-grey-500:hover {
+    --tw-gradient-to: #9e9e9e;
+  }
+
+  :root .dark\:hover\:to-grey-600:hover {
+    --tw-gradient-to: #757575;
+  }
+
+  :root .dark\:hover\:to-grey-700:hover {
+    --tw-gradient-to: #616161;
+  }
+
+  :root .dark\:hover\:to-grey-800:hover {
+    --tw-gradient-to: #424242;
+  }
+
+  :root .dark\:hover\:to-grey-900:hover {
+    --tw-gradient-to: #212121;
+  }
+
+  :root .dark\:hover\:to-primary:hover {
+    --tw-gradient-to: var(--color-primary);
+  }
+
+  :root .dark\:hover\:to-primary-dark:hover {
+    --tw-gradient-to: var(--color-primary-dark);
+  }
+
+  :root .dark\:hover\:to-primary-light:hover {
+    --tw-gradient-to: var(--color-primary-light);
+  }
+
+  :root .dark\:hover\:to-secondary:hover {
+    --tw-gradient-to: var(--color-secondary);
+  }
+
+  :root .dark\:hover\:to-secondary-dark:hover {
+    --tw-gradient-to: var(--color-secondary-dark);
+  }
+
+  :root .dark\:hover\:to-secondary-light:hover {
+    --tw-gradient-to: var(--color-secondary-light);
+  }
+
+  :root .dark\:hover\:to-accent:hover {
+    --tw-gradient-to: var(--color-accent);
+  }
+
+  :root .dark\:hover\:to-accent-dark:hover {
+    --tw-gradient-to: var(--color-accent-dark);
+  }
+
+  :root .dark\:hover\:to-accent-light:hover {
+    --tw-gradient-to: var(--color-accent-light);
+  }
+
+  :root .dark\:focus\:from-transparent:focus {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  :root .dark\:focus\:from-current:focus {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:from-black:focus {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  :root .dark\:focus\:from-white:focus {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  :root .dark\:focus\:from-gray-100:focus {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  :root .dark\:focus\:from-gray-200:focus {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  :root .dark\:focus\:from-gray-300:focus {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  :root .dark\:focus\:from-gray-400:focus {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  :root .dark\:focus\:from-gray-500:focus {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  :root .dark\:focus\:from-gray-600:focus {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  :root .dark\:focus\:from-gray-700:focus {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  :root .dark\:focus\:from-gray-800:focus {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  :root .dark\:focus\:from-gray-900:focus {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  :root .dark\:focus\:from-red-50:focus {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  :root .dark\:focus\:from-red-100:focus {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  :root .dark\:focus\:from-red-200:focus {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  :root .dark\:focus\:from-red-300:focus {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  :root .dark\:focus\:from-red-400:focus {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  :root .dark\:focus\:from-red-500:focus {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  :root .dark\:focus\:from-red-600:focus {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  :root .dark\:focus\:from-red-700:focus {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  :root .dark\:focus\:from-red-800:focus {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  :root .dark\:focus\:from-red-900:focus {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  :root .dark\:focus\:from-yellow-50:focus {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  :root .dark\:focus\:from-yellow-100:focus {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  :root .dark\:focus\:from-yellow-200:focus {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  :root .dark\:focus\:from-yellow-300:focus {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  :root .dark\:focus\:from-yellow-400:focus {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  :root .dark\:focus\:from-yellow-500:focus {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  :root .dark\:focus\:from-yellow-600:focus {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  :root .dark\:focus\:from-yellow-700:focus {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  :root .dark\:focus\:from-yellow-800:focus {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  :root .dark\:focus\:from-yellow-900:focus {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  :root .dark\:focus\:from-green-50:focus {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  :root .dark\:focus\:from-green-100:focus {
+    --tw-gradient-from: #f0fff4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+  }
+
+  :root .dark\:focus\:from-green-200:focus {
+    --tw-gradient-from: #c6f6d5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+  }
+
+  :root .dark\:focus\:from-green-300:focus {
+    --tw-gradient-from: #9ae6b4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+  }
+
+  :root .dark\:focus\:from-green-400:focus {
+    --tw-gradient-from: #68d391;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+  }
+
+  :root .dark\:focus\:from-green-500:focus {
+    --tw-gradient-from: #48bb78;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+  }
+
+  :root .dark\:focus\:from-green-600:focus {
+    --tw-gradient-from: #38a169;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+  }
+
+  :root .dark\:focus\:from-green-700:focus {
+    --tw-gradient-from: #2f855a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+  }
+
+  :root .dark\:focus\:from-green-800:focus {
+    --tw-gradient-from: #276749;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+  }
+
+  :root .dark\:focus\:from-green-900:focus {
+    --tw-gradient-from: #22543d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+  }
+
+  :root .dark\:focus\:from-green-apple:focus {
+    --tw-gradient-from: #E8F3EC;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+  }
+
+  :root .dark\:focus\:from-blue-50:focus {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  :root .dark\:focus\:from-blue-100:focus {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  :root .dark\:focus\:from-blue-200:focus {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  :root .dark\:focus\:from-blue-300:focus {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  :root .dark\:focus\:from-blue-400:focus {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  :root .dark\:focus\:from-blue-500:focus {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  :root .dark\:focus\:from-blue-600:focus {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  :root .dark\:focus\:from-blue-700:focus {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  :root .dark\:focus\:from-blue-800:focus {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  :root .dark\:focus\:from-blue-900:focus {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  :root .dark\:focus\:from-indigo-50:focus {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  :root .dark\:focus\:from-indigo-100:focus {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  :root .dark\:focus\:from-indigo-200:focus {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  :root .dark\:focus\:from-indigo-300:focus {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  :root .dark\:focus\:from-indigo-400:focus {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  :root .dark\:focus\:from-indigo-500:focus {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  :root .dark\:focus\:from-indigo-600:focus {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  :root .dark\:focus\:from-indigo-700:focus {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  :root .dark\:focus\:from-indigo-800:focus {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  :root .dark\:focus\:from-indigo-900:focus {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  :root .dark\:focus\:from-purple-50:focus {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  :root .dark\:focus\:from-purple-100:focus {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  :root .dark\:focus\:from-purple-200:focus {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  :root .dark\:focus\:from-purple-300:focus {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  :root .dark\:focus\:from-purple-400:focus {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  :root .dark\:focus\:from-purple-500:focus {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  :root .dark\:focus\:from-purple-600:focus {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  :root .dark\:focus\:from-purple-700:focus {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  :root .dark\:focus\:from-purple-800:focus {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  :root .dark\:focus\:from-purple-900:focus {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  :root .dark\:focus\:from-pink-50:focus {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  :root .dark\:focus\:from-pink-100:focus {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  :root .dark\:focus\:from-pink-200:focus {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  :root .dark\:focus\:from-pink-300:focus {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  :root .dark\:focus\:from-pink-400:focus {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  :root .dark\:focus\:from-pink-500:focus {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  :root .dark\:focus\:from-pink-600:focus {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  :root .dark\:focus\:from-pink-700:focus {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  :root .dark\:focus\:from-pink-800:focus {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  :root .dark\:focus\:from-pink-900:focus {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  :root .dark\:focus\:from-grey-100:focus {
+    --tw-gradient-from: #f5f5f5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+  }
+
+  :root .dark\:focus\:from-grey-200:focus {
+    --tw-gradient-from: #eeeeee;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+  }
+
+  :root .dark\:focus\:from-grey-300:focus {
+    --tw-gradient-from: #e0e0e0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+  }
+
+  :root .dark\:focus\:from-grey-400:focus {
+    --tw-gradient-from: #bdbdbd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+  }
+
+  :root .dark\:focus\:from-grey-500:focus {
+    --tw-gradient-from: #9e9e9e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+  }
+
+  :root .dark\:focus\:from-grey-600:focus {
+    --tw-gradient-from: #757575;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+  }
+
+  :root .dark\:focus\:from-grey-700:focus {
+    --tw-gradient-from: #616161;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+  }
+
+  :root .dark\:focus\:from-grey-800:focus {
+    --tw-gradient-from: #424242;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+  }
+
+  :root .dark\:focus\:from-grey-900:focus {
+    --tw-gradient-from: #212121;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+  }
+
+  :root .dark\:focus\:from-primary:focus {
+    --tw-gradient-from: var(--color-primary);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:from-primary-dark:focus {
+    --tw-gradient-from: var(--color-primary-dark);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:from-primary-light:focus {
+    --tw-gradient-from: var(--color-primary-light);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:from-secondary:focus {
+    --tw-gradient-from: var(--color-secondary);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:from-secondary-dark:focus {
+    --tw-gradient-from: var(--color-secondary-dark);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:from-secondary-light:focus {
+    --tw-gradient-from: var(--color-secondary-light);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:from-accent:focus {
+    --tw-gradient-from: var(--color-accent);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:from-accent-dark:focus {
+    --tw-gradient-from: var(--color-accent-dark);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:from-accent-light:focus {
+    --tw-gradient-from: var(--color-accent-light);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:via-transparent:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  :root .dark\:focus\:via-current:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:via-black:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  :root .dark\:focus\:via-white:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  :root .dark\:focus\:via-gray-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  :root .dark\:focus\:via-gray-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  :root .dark\:focus\:via-gray-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  :root .dark\:focus\:via-gray-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  :root .dark\:focus\:via-gray-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  :root .dark\:focus\:via-gray-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  :root .dark\:focus\:via-gray-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  :root .dark\:focus\:via-gray-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  :root .dark\:focus\:via-gray-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  :root .dark\:focus\:via-red-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  :root .dark\:focus\:via-red-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  :root .dark\:focus\:via-red-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  :root .dark\:focus\:via-red-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  :root .dark\:focus\:via-red-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  :root .dark\:focus\:via-red-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  :root .dark\:focus\:via-red-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  :root .dark\:focus\:via-red-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  :root .dark\:focus\:via-red-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  :root .dark\:focus\:via-red-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  :root .dark\:focus\:via-yellow-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  :root .dark\:focus\:via-yellow-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  :root .dark\:focus\:via-yellow-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  :root .dark\:focus\:via-yellow-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  :root .dark\:focus\:via-yellow-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  :root .dark\:focus\:via-yellow-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  :root .dark\:focus\:via-yellow-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  :root .dark\:focus\:via-yellow-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  :root .dark\:focus\:via-yellow-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  :root .dark\:focus\:via-yellow-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  :root .dark\:focus\:via-green-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  :root .dark\:focus\:via-green-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+  }
+
+  :root .dark\:focus\:via-green-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+  }
+
+  :root .dark\:focus\:via-green-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+  }
+
+  :root .dark\:focus\:via-green-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+  }
+
+  :root .dark\:focus\:via-green-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+  }
+
+  :root .dark\:focus\:via-green-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+  }
+
+  :root .dark\:focus\:via-green-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+  }
+
+  :root .dark\:focus\:via-green-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+  }
+
+  :root .dark\:focus\:via-green-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+  }
+
+  :root .dark\:focus\:via-green-apple:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+  }
+
+  :root .dark\:focus\:via-blue-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  :root .dark\:focus\:via-blue-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  :root .dark\:focus\:via-blue-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  :root .dark\:focus\:via-blue-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  :root .dark\:focus\:via-blue-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  :root .dark\:focus\:via-blue-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  :root .dark\:focus\:via-blue-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  :root .dark\:focus\:via-blue-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  :root .dark\:focus\:via-blue-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  :root .dark\:focus\:via-blue-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  :root .dark\:focus\:via-indigo-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  :root .dark\:focus\:via-indigo-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  :root .dark\:focus\:via-indigo-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  :root .dark\:focus\:via-indigo-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  :root .dark\:focus\:via-indigo-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  :root .dark\:focus\:via-indigo-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  :root .dark\:focus\:via-indigo-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  :root .dark\:focus\:via-indigo-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  :root .dark\:focus\:via-indigo-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  :root .dark\:focus\:via-indigo-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  :root .dark\:focus\:via-purple-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  :root .dark\:focus\:via-purple-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  :root .dark\:focus\:via-purple-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  :root .dark\:focus\:via-purple-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  :root .dark\:focus\:via-purple-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  :root .dark\:focus\:via-purple-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  :root .dark\:focus\:via-purple-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  :root .dark\:focus\:via-purple-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  :root .dark\:focus\:via-purple-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  :root .dark\:focus\:via-purple-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  :root .dark\:focus\:via-pink-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  :root .dark\:focus\:via-pink-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  :root .dark\:focus\:via-pink-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  :root .dark\:focus\:via-pink-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  :root .dark\:focus\:via-pink-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  :root .dark\:focus\:via-pink-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  :root .dark\:focus\:via-pink-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  :root .dark\:focus\:via-pink-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  :root .dark\:focus\:via-pink-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  :root .dark\:focus\:via-pink-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  :root .dark\:focus\:via-grey-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+  }
+
+  :root .dark\:focus\:via-grey-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+  }
+
+  :root .dark\:focus\:via-grey-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+  }
+
+  :root .dark\:focus\:via-grey-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+  }
+
+  :root .dark\:focus\:via-grey-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+  }
+
+  :root .dark\:focus\:via-grey-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+  }
+
+  :root .dark\:focus\:via-grey-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+  }
+
+  :root .dark\:focus\:via-grey-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+  }
+
+  :root .dark\:focus\:via-grey-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+  }
+
+  :root .dark\:focus\:via-primary:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:via-primary-dark:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:via-primary-light:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:via-secondary:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:via-secondary-dark:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:via-secondary-light:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:via-accent:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:via-accent-dark:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:via-accent-light:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  :root .dark\:focus\:to-transparent:focus {
+    --tw-gradient-to: transparent;
+  }
+
+  :root .dark\:focus\:to-current:focus {
+    --tw-gradient-to: currentColor;
+  }
+
+  :root .dark\:focus\:to-black:focus {
+    --tw-gradient-to: #000;
+  }
+
+  :root .dark\:focus\:to-white:focus {
+    --tw-gradient-to: #fff;
+  }
+
+  :root .dark\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  :root .dark\:focus\:to-gray-100:focus {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  :root .dark\:focus\:to-gray-200:focus {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  :root .dark\:focus\:to-gray-300:focus {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  :root .dark\:focus\:to-gray-400:focus {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  :root .dark\:focus\:to-gray-500:focus {
+    --tw-gradient-to: #6b7280;
+  }
+
+  :root .dark\:focus\:to-gray-600:focus {
+    --tw-gradient-to: #4b5563;
+  }
+
+  :root .dark\:focus\:to-gray-700:focus {
+    --tw-gradient-to: #374151;
+  }
+
+  :root .dark\:focus\:to-gray-800:focus {
+    --tw-gradient-to: #1f2937;
+  }
+
+  :root .dark\:focus\:to-gray-900:focus {
+    --tw-gradient-to: #111827;
+  }
+
+  :root .dark\:focus\:to-red-50:focus {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  :root .dark\:focus\:to-red-100:focus {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  :root .dark\:focus\:to-red-200:focus {
+    --tw-gradient-to: #fecaca;
+  }
+
+  :root .dark\:focus\:to-red-300:focus {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  :root .dark\:focus\:to-red-400:focus {
+    --tw-gradient-to: #f87171;
+  }
+
+  :root .dark\:focus\:to-red-500:focus {
+    --tw-gradient-to: #ef4444;
+  }
+
+  :root .dark\:focus\:to-red-600:focus {
+    --tw-gradient-to: #dc2626;
+  }
+
+  :root .dark\:focus\:to-red-700:focus {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  :root .dark\:focus\:to-red-800:focus {
+    --tw-gradient-to: #991b1b;
+  }
+
+  :root .dark\:focus\:to-red-900:focus {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  :root .dark\:focus\:to-yellow-50:focus {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  :root .dark\:focus\:to-yellow-100:focus {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  :root .dark\:focus\:to-yellow-200:focus {
+    --tw-gradient-to: #fde68a;
+  }
+
+  :root .dark\:focus\:to-yellow-300:focus {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  :root .dark\:focus\:to-yellow-400:focus {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  :root .dark\:focus\:to-yellow-500:focus {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  :root .dark\:focus\:to-yellow-600:focus {
+    --tw-gradient-to: #d97706;
+  }
+
+  :root .dark\:focus\:to-yellow-700:focus {
+    --tw-gradient-to: #b45309;
+  }
+
+  :root .dark\:focus\:to-yellow-800:focus {
+    --tw-gradient-to: #92400e;
+  }
+
+  :root .dark\:focus\:to-yellow-900:focus {
+    --tw-gradient-to: #78350f;
+  }
+
+  :root .dark\:focus\:to-green-50:focus {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  :root .dark\:focus\:to-green-100:focus {
+    --tw-gradient-to: #f0fff4;
+  }
+
+  :root .dark\:focus\:to-green-200:focus {
+    --tw-gradient-to: #c6f6d5;
+  }
+
+  :root .dark\:focus\:to-green-300:focus {
+    --tw-gradient-to: #9ae6b4;
+  }
+
+  :root .dark\:focus\:to-green-400:focus {
+    --tw-gradient-to: #68d391;
+  }
+
+  :root .dark\:focus\:to-green-500:focus {
+    --tw-gradient-to: #48bb78;
+  }
+
+  :root .dark\:focus\:to-green-600:focus {
+    --tw-gradient-to: #38a169;
+  }
+
+  :root .dark\:focus\:to-green-700:focus {
+    --tw-gradient-to: #2f855a;
+  }
+
+  :root .dark\:focus\:to-green-800:focus {
+    --tw-gradient-to: #276749;
+  }
+
+  :root .dark\:focus\:to-green-900:focus {
+    --tw-gradient-to: #22543d;
+  }
+
+  :root .dark\:focus\:to-green-apple:focus {
+    --tw-gradient-to: #E8F3EC;
+  }
+
+  :root .dark\:focus\:to-blue-50:focus {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  :root .dark\:focus\:to-blue-100:focus {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  :root .dark\:focus\:to-blue-200:focus {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  :root .dark\:focus\:to-blue-300:focus {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  :root .dark\:focus\:to-blue-400:focus {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  :root .dark\:focus\:to-blue-500:focus {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  :root .dark\:focus\:to-blue-600:focus {
+    --tw-gradient-to: #2563eb;
+  }
+
+  :root .dark\:focus\:to-blue-700:focus {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  :root .dark\:focus\:to-blue-800:focus {
+    --tw-gradient-to: #1e40af;
+  }
+
+  :root .dark\:focus\:to-blue-900:focus {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  :root .dark\:focus\:to-indigo-50:focus {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  :root .dark\:focus\:to-indigo-100:focus {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  :root .dark\:focus\:to-indigo-200:focus {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  :root .dark\:focus\:to-indigo-300:focus {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  :root .dark\:focus\:to-indigo-400:focus {
+    --tw-gradient-to: #818cf8;
+  }
+
+  :root .dark\:focus\:to-indigo-500:focus {
+    --tw-gradient-to: #6366f1;
+  }
+
+  :root .dark\:focus\:to-indigo-600:focus {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  :root .dark\:focus\:to-indigo-700:focus {
+    --tw-gradient-to: #4338ca;
+  }
+
+  :root .dark\:focus\:to-indigo-800:focus {
+    --tw-gradient-to: #3730a3;
+  }
+
+  :root .dark\:focus\:to-indigo-900:focus {
+    --tw-gradient-to: #312e81;
+  }
+
+  :root .dark\:focus\:to-purple-50:focus {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  :root .dark\:focus\:to-purple-100:focus {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  :root .dark\:focus\:to-purple-200:focus {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  :root .dark\:focus\:to-purple-300:focus {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  :root .dark\:focus\:to-purple-400:focus {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  :root .dark\:focus\:to-purple-500:focus {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  :root .dark\:focus\:to-purple-600:focus {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  :root .dark\:focus\:to-purple-700:focus {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  :root .dark\:focus\:to-purple-800:focus {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  :root .dark\:focus\:to-purple-900:focus {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  :root .dark\:focus\:to-pink-50:focus {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  :root .dark\:focus\:to-pink-100:focus {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  :root .dark\:focus\:to-pink-200:focus {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  :root .dark\:focus\:to-pink-300:focus {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  :root .dark\:focus\:to-pink-400:focus {
+    --tw-gradient-to: #f472b6;
+  }
+
+  :root .dark\:focus\:to-pink-500:focus {
+    --tw-gradient-to: #ec4899;
+  }
+
+  :root .dark\:focus\:to-pink-600:focus {
+    --tw-gradient-to: #db2777;
+  }
+
+  :root .dark\:focus\:to-pink-700:focus {
+    --tw-gradient-to: #be185d;
+  }
+
+  :root .dark\:focus\:to-pink-800:focus {
+    --tw-gradient-to: #9d174d;
+  }
+
+  :root .dark\:focus\:to-pink-900:focus {
+    --tw-gradient-to: #831843;
+  }
+
+  :root .dark\:focus\:to-grey-100:focus {
+    --tw-gradient-to: #f5f5f5;
+  }
+
+  :root .dark\:focus\:to-grey-200:focus {
+    --tw-gradient-to: #eeeeee;
+  }
+
+  :root .dark\:focus\:to-grey-300:focus {
+    --tw-gradient-to: #e0e0e0;
+  }
+
+  :root .dark\:focus\:to-grey-400:focus {
+    --tw-gradient-to: #bdbdbd;
+  }
+
+  :root .dark\:focus\:to-grey-500:focus {
+    --tw-gradient-to: #9e9e9e;
+  }
+
+  :root .dark\:focus\:to-grey-600:focus {
+    --tw-gradient-to: #757575;
+  }
+
+  :root .dark\:focus\:to-grey-700:focus {
+    --tw-gradient-to: #616161;
+  }
+
+  :root .dark\:focus\:to-grey-800:focus {
+    --tw-gradient-to: #424242;
+  }
+
+  :root .dark\:focus\:to-grey-900:focus {
+    --tw-gradient-to: #212121;
+  }
+
+  :root .dark\:focus\:to-primary:focus {
+    --tw-gradient-to: var(--color-primary);
+  }
+
+  :root .dark\:focus\:to-primary-dark:focus {
+    --tw-gradient-to: var(--color-primary-dark);
+  }
+
+  :root .dark\:focus\:to-primary-light:focus {
+    --tw-gradient-to: var(--color-primary-light);
+  }
+
+  :root .dark\:focus\:to-secondary:focus {
+    --tw-gradient-to: var(--color-secondary);
+  }
+
+  :root .dark\:focus\:to-secondary-dark:focus {
+    --tw-gradient-to: var(--color-secondary-dark);
+  }
+
+  :root .dark\:focus\:to-secondary-light:focus {
+    --tw-gradient-to: var(--color-secondary-light);
+  }
+
+  :root .dark\:focus\:to-accent:focus {
+    --tw-gradient-to: var(--color-accent);
+  }
+
+  :root .dark\:focus\:to-accent-dark:focus {
+    --tw-gradient-to: var(--color-accent-dark);
+  }
+
+  :root .dark\:focus\:to-accent-light:focus {
+    --tw-gradient-to: var(--color-accent-light);
+  }
+
+  :root .dark\:border-transparent {
+    border-color: transparent;
+  }
+
+  :root .dark\:border-current {
+    border-color: currentColor;
+  }
+
+  :root .dark\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-green-apple {
+    --tw-border-opacity: 1;
+    border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-grey-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-grey-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-grey-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-grey-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-grey-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-grey-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-grey-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-grey-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-grey-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+  }
+
+  :root .dark\:border-primary {
+    border-color: var(--color-primary);
+  }
+
+  :root .dark\:border-primary-dark {
+    border-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:border-primary-light {
+    border-color: var(--color-primary-light);
+  }
+
+  :root .dark\:border-secondary {
+    border-color: var(--color-secondary);
+  }
+
+  :root .dark\:border-secondary-dark {
+    border-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:border-secondary-light {
+    border-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:border-accent {
+    border-color: var(--color-accent);
+  }
+
+  :root .dark\:border-accent-dark {
+    border-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:border-accent-light {
+    border-color: var(--color-accent-light);
+  }
+
+  :root .group:hover .dark\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  :root .group:hover .dark\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  :root .group:hover .dark\:group-hover\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-green-apple {
+    --tw-border-opacity: 1;
+    border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-grey-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-grey-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-grey-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-grey-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-grey-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-grey-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-grey-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-grey-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-grey-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+  }
+
+  :root .group:hover .dark\:group-hover\:border-primary {
+    border-color: var(--color-primary);
+  }
+
+  :root .group:hover .dark\:group-hover\:border-primary-dark {
+    border-color: var(--color-primary-dark);
+  }
+
+  :root .group:hover .dark\:group-hover\:border-primary-light {
+    border-color: var(--color-primary-light);
+  }
+
+  :root .group:hover .dark\:group-hover\:border-secondary {
+    border-color: var(--color-secondary);
+  }
+
+  :root .group:hover .dark\:group-hover\:border-secondary-dark {
+    border-color: var(--color-secondary-dark);
+  }
+
+  :root .group:hover .dark\:group-hover\:border-secondary-light {
+    border-color: var(--color-secondary-light);
+  }
+
+  :root .group:hover .dark\:group-hover\:border-accent {
+    border-color: var(--color-accent);
+  }
+
+  :root .group:hover .dark\:group-hover\:border-accent-dark {
+    border-color: var(--color-accent-dark);
+  }
+
+  :root .group:hover .dark\:group-hover\:border-accent-light {
+    border-color: var(--color-accent-light);
+  }
+
+  :root .dark\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  :root .dark\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  :root .dark\:focus-within\:border-black:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-white:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-gray-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-gray-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-gray-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-gray-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-gray-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-gray-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-gray-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-gray-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-gray-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-red-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-red-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-red-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-red-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-red-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-red-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-red-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-red-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-red-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-red-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-yellow-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-yellow-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-yellow-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-yellow-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-yellow-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-yellow-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-yellow-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-yellow-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-yellow-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-yellow-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-green-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-green-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-green-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-green-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-green-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-green-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-green-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-green-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-green-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-green-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-green-apple:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-blue-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-blue-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-blue-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-blue-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-blue-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-blue-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-blue-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-blue-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-blue-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-blue-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-indigo-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-indigo-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-indigo-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-indigo-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-indigo-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-indigo-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-indigo-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-indigo-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-indigo-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-indigo-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-purple-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-purple-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-purple-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-purple-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-purple-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-purple-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-purple-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-purple-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-purple-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-purple-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-pink-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-pink-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-pink-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-pink-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-pink-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-pink-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-pink-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-pink-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-pink-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-pink-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-grey-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-grey-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-grey-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-grey-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-grey-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-grey-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-grey-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-grey-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-grey-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus-within\:border-primary:focus-within {
+    border-color: var(--color-primary);
+  }
+
+  :root .dark\:focus-within\:border-primary-dark:focus-within {
+    border-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:focus-within\:border-primary-light:focus-within {
+    border-color: var(--color-primary-light);
+  }
+
+  :root .dark\:focus-within\:border-secondary:focus-within {
+    border-color: var(--color-secondary);
+  }
+
+  :root .dark\:focus-within\:border-secondary-dark:focus-within {
+    border-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:focus-within\:border-secondary-light:focus-within {
+    border-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:focus-within\:border-accent:focus-within {
+    border-color: var(--color-accent);
+  }
+
+  :root .dark\:focus-within\:border-accent-dark:focus-within {
+    border-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:focus-within\:border-accent-light:focus-within {
+    border-color: var(--color-accent-light);
+  }
+
+  :root .dark\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  :root .dark\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  :root .dark\:hover\:border-black:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-white:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-gray-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-gray-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-gray-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-gray-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-gray-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-gray-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-gray-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-gray-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-gray-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-red-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-red-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-red-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-red-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-red-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-red-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-red-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-red-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-red-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-red-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-yellow-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-yellow-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-yellow-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-yellow-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-yellow-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-yellow-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-yellow-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-yellow-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-yellow-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-yellow-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-green-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-green-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-green-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-green-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-green-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-green-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-green-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-green-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-green-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-green-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-green-apple:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-blue-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-blue-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-blue-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-blue-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-blue-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-blue-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-blue-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-blue-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-blue-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-blue-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-indigo-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-indigo-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-indigo-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-indigo-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-indigo-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-indigo-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-indigo-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-indigo-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-indigo-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-indigo-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-purple-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-purple-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-purple-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-purple-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-purple-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-purple-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-purple-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-purple-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-purple-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-purple-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-pink-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-pink-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-pink-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-pink-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-pink-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-pink-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-pink-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-pink-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-pink-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-pink-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-grey-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-grey-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-grey-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-grey-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-grey-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-grey-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-grey-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-grey-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-grey-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+  }
+
+  :root .dark\:hover\:border-primary:hover {
+    border-color: var(--color-primary);
+  }
+
+  :root .dark\:hover\:border-primary-dark:hover {
+    border-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:hover\:border-primary-light:hover {
+    border-color: var(--color-primary-light);
+  }
+
+  :root .dark\:hover\:border-secondary:hover {
+    border-color: var(--color-secondary);
+  }
+
+  :root .dark\:hover\:border-secondary-dark:hover {
+    border-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:hover\:border-secondary-light:hover {
+    border-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:hover\:border-accent:hover {
+    border-color: var(--color-accent);
+  }
+
+  :root .dark\:hover\:border-accent-dark:hover {
+    border-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:hover\:border-accent-light:hover {
+    border-color: var(--color-accent-light);
+  }
+
+  :root .dark\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  :root .dark\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  :root .dark\:focus\:border-black:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-white:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-gray-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-gray-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-gray-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-gray-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-gray-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-gray-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-gray-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-gray-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-gray-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-red-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-red-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-red-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-red-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-red-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-red-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-red-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-red-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-red-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-red-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-yellow-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-yellow-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-yellow-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-yellow-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-yellow-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-yellow-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-yellow-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-yellow-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-yellow-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-yellow-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-green-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-green-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-green-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-green-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-green-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-green-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-green-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-green-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-green-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-green-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-green-apple:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-blue-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-blue-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-blue-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-blue-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-blue-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-blue-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-blue-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-blue-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-blue-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-blue-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-indigo-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-indigo-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-indigo-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-indigo-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-indigo-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-indigo-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-indigo-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-indigo-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-indigo-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-indigo-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-purple-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-purple-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-purple-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-purple-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-purple-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-purple-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-purple-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-purple-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-purple-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-purple-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-pink-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-pink-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-pink-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-pink-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-pink-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-pink-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-pink-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-pink-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-pink-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-pink-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-grey-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-grey-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-grey-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-grey-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-grey-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-grey-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-grey-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-grey-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-grey-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+  }
+
+  :root .dark\:focus\:border-primary:focus {
+    border-color: var(--color-primary);
+  }
+
+  :root .dark\:focus\:border-primary-dark:focus {
+    border-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:focus\:border-primary-light:focus {
+    border-color: var(--color-primary-light);
+  }
+
+  :root .dark\:focus\:border-secondary:focus {
+    border-color: var(--color-secondary);
+  }
+
+  :root .dark\:focus\:border-secondary-dark:focus {
+    border-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:focus\:border-secondary-light:focus {
+    border-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:focus\:border-accent:focus {
+    border-color: var(--color-accent);
+  }
+
+  :root .dark\:focus\:border-accent-dark:focus {
+    border-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:focus\:border-accent-light:focus {
+    border-color: var(--color-accent-light);
+  }
+
+  :root .dark\:placeholder-transparent::-moz-placeholder {
+    color: transparent;
+  }
+
+  :root .dark\:placeholder-transparent:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  :root .dark\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  :root .dark\:placeholder-current::-moz-placeholder {
+    color: currentColor;
+  }
+
+  :root .dark\:placeholder-current:-ms-input-placeholder {
+    color: currentColor;
+  }
+
+  :root .dark\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  :root .dark\:placeholder-black::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-black:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-black::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-white::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-white:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-white::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-100::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-200::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-300::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-400::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-500::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-600::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-700::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-800::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-900::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-gray-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-100::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-200::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-300::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-400::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-500::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-600::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-700::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-800::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-900::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-red-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-100::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-200::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-300::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-400::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-500::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-600::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-700::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-800::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-900::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-yellow-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-100::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-200::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-300::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-400::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-500::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-600::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-700::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-800::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-900::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-apple::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-apple:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-green-apple::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-100::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-200::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-300::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-400::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-500::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-600::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-700::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-800::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-900::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-blue-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-100::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-200::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-300::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-400::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-500::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-600::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-700::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-800::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-900::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-indigo-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-100::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-200::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-300::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-400::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-500::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-600::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-700::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-800::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-900::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-purple-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-100::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-200::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-300::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-400::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-500::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-600::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-700::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-800::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-900::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-pink-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-100::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-200::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-300::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-400::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-500::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-600::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-700::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-800::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-900::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-grey-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:placeholder-primary::-moz-placeholder {
+    color: var(--color-primary);
+  }
+
+  :root .dark\:placeholder-primary:-ms-input-placeholder {
+    color: var(--color-primary);
+  }
+
+  :root .dark\:placeholder-primary::placeholder {
+    color: var(--color-primary);
+  }
+
+  :root .dark\:placeholder-primary-dark::-moz-placeholder {
+    color: var(--color-primary-dark);
+  }
+
+  :root .dark\:placeholder-primary-dark:-ms-input-placeholder {
+    color: var(--color-primary-dark);
+  }
+
+  :root .dark\:placeholder-primary-dark::placeholder {
+    color: var(--color-primary-dark);
+  }
+
+  :root .dark\:placeholder-primary-light::-moz-placeholder {
+    color: var(--color-primary-light);
+  }
+
+  :root .dark\:placeholder-primary-light:-ms-input-placeholder {
+    color: var(--color-primary-light);
+  }
+
+  :root .dark\:placeholder-primary-light::placeholder {
+    color: var(--color-primary-light);
+  }
+
+  :root .dark\:placeholder-secondary::-moz-placeholder {
+    color: var(--color-secondary);
+  }
+
+  :root .dark\:placeholder-secondary:-ms-input-placeholder {
+    color: var(--color-secondary);
+  }
+
+  :root .dark\:placeholder-secondary::placeholder {
+    color: var(--color-secondary);
+  }
+
+  :root .dark\:placeholder-secondary-dark::-moz-placeholder {
+    color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:placeholder-secondary-dark:-ms-input-placeholder {
+    color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:placeholder-secondary-dark::placeholder {
+    color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:placeholder-secondary-light::-moz-placeholder {
+    color: var(--color-secondary-light);
+  }
+
+  :root .dark\:placeholder-secondary-light:-ms-input-placeholder {
+    color: var(--color-secondary-light);
+  }
+
+  :root .dark\:placeholder-secondary-light::placeholder {
+    color: var(--color-secondary-light);
+  }
+
+  :root .dark\:placeholder-accent::-moz-placeholder {
+    color: var(--color-accent);
+  }
+
+  :root .dark\:placeholder-accent:-ms-input-placeholder {
+    color: var(--color-accent);
+  }
+
+  :root .dark\:placeholder-accent::placeholder {
+    color: var(--color-accent);
+  }
+
+  :root .dark\:placeholder-accent-dark::-moz-placeholder {
+    color: var(--color-accent-dark);
+  }
+
+  :root .dark\:placeholder-accent-dark:-ms-input-placeholder {
+    color: var(--color-accent-dark);
+  }
+
+  :root .dark\:placeholder-accent-dark::placeholder {
+    color: var(--color-accent-dark);
+  }
+
+  :root .dark\:placeholder-accent-light::-moz-placeholder {
+    color: var(--color-accent-light);
+  }
+
+  :root .dark\:placeholder-accent-light:-ms-input-placeholder {
+    color: var(--color-accent-light);
+  }
+
+  :root .dark\:placeholder-accent-light::placeholder {
+    color: var(--color-accent-light);
+  }
+
+  :root .dark\:focus\:placeholder-transparent:focus::-moz-placeholder {
+    color: transparent;
+  }
+
+  :root .dark\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+    color: transparent;
+  }
+
+  :root .dark\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  :root .dark\:focus\:placeholder-current:focus::-moz-placeholder {
+    color: currentColor;
+  }
+
+  :root .dark\:focus\:placeholder-current:focus:-ms-input-placeholder {
+    color: currentColor;
+  }
+
+  :root .dark\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  :root .dark\:focus\:placeholder-black:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-black:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-black:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-white:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-white:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-white:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-gray-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-100:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-200:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-300:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-400:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-500:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-600:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-700:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-800:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-900:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-red-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-yellow-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-100:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-200:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-300:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-400:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-500:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-600:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-700:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-800:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-900:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-apple:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-apple:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-green-apple:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-blue-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-indigo-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-purple-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-pink-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-100:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-200:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-300:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-400:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-500:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-600:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-700:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-800:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-900:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-grey-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+  }
+
+  :root .dark\:focus\:placeholder-primary:focus::-moz-placeholder {
+    color: var(--color-primary);
+  }
+
+  :root .dark\:focus\:placeholder-primary:focus:-ms-input-placeholder {
+    color: var(--color-primary);
+  }
+
+  :root .dark\:focus\:placeholder-primary:focus::placeholder {
+    color: var(--color-primary);
+  }
+
+  :root .dark\:focus\:placeholder-primary-dark:focus::-moz-placeholder {
+    color: var(--color-primary-dark);
+  }
+
+  :root .dark\:focus\:placeholder-primary-dark:focus:-ms-input-placeholder {
+    color: var(--color-primary-dark);
+  }
+
+  :root .dark\:focus\:placeholder-primary-dark:focus::placeholder {
+    color: var(--color-primary-dark);
+  }
+
+  :root .dark\:focus\:placeholder-primary-light:focus::-moz-placeholder {
+    color: var(--color-primary-light);
+  }
+
+  :root .dark\:focus\:placeholder-primary-light:focus:-ms-input-placeholder {
+    color: var(--color-primary-light);
+  }
+
+  :root .dark\:focus\:placeholder-primary-light:focus::placeholder {
+    color: var(--color-primary-light);
+  }
+
+  :root .dark\:focus\:placeholder-secondary:focus::-moz-placeholder {
+    color: var(--color-secondary);
+  }
+
+  :root .dark\:focus\:placeholder-secondary:focus:-ms-input-placeholder {
+    color: var(--color-secondary);
+  }
+
+  :root .dark\:focus\:placeholder-secondary:focus::placeholder {
+    color: var(--color-secondary);
+  }
+
+  :root .dark\:focus\:placeholder-secondary-dark:focus::-moz-placeholder {
+    color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:focus\:placeholder-secondary-dark:focus:-ms-input-placeholder {
+    color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:focus\:placeholder-secondary-dark:focus::placeholder {
+    color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:focus\:placeholder-secondary-light:focus::-moz-placeholder {
+    color: var(--color-secondary-light);
+  }
+
+  :root .dark\:focus\:placeholder-secondary-light:focus:-ms-input-placeholder {
+    color: var(--color-secondary-light);
+  }
+
+  :root .dark\:focus\:placeholder-secondary-light:focus::placeholder {
+    color: var(--color-secondary-light);
+  }
+
+  :root .dark\:focus\:placeholder-accent:focus::-moz-placeholder {
+    color: var(--color-accent);
+  }
+
+  :root .dark\:focus\:placeholder-accent:focus:-ms-input-placeholder {
+    color: var(--color-accent);
+  }
+
+  :root .dark\:focus\:placeholder-accent:focus::placeholder {
+    color: var(--color-accent);
+  }
+
+  :root .dark\:focus\:placeholder-accent-dark:focus::-moz-placeholder {
+    color: var(--color-accent-dark);
+  }
+
+  :root .dark\:focus\:placeholder-accent-dark:focus:-ms-input-placeholder {
+    color: var(--color-accent-dark);
+  }
+
+  :root .dark\:focus\:placeholder-accent-dark:focus::placeholder {
+    color: var(--color-accent-dark);
+  }
+
+  :root .dark\:focus\:placeholder-accent-light:focus::-moz-placeholder {
+    color: var(--color-accent-light);
+  }
+
+  :root .dark\:focus\:placeholder-accent-light:focus:-ms-input-placeholder {
+    color: var(--color-accent-light);
+  }
+
+  :root .dark\:focus\:placeholder-accent-light:focus::placeholder {
+    color: var(--color-accent-light);
+  }
+
+  :root .dark\:ring-offset-transparent {
+    --tw-ring-offset-color: transparent;
+  }
+
+  :root .dark\:ring-offset-current {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  :root .dark\:ring-offset-black {
+    --tw-ring-offset-color: #000;
+  }
+
+  :root .dark\:ring-offset-white {
+    --tw-ring-offset-color: #fff;
+  }
+
+  :root .dark\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  :root .dark\:ring-offset-gray-100 {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  :root .dark\:ring-offset-gray-200 {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  :root .dark\:ring-offset-gray-300 {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  :root .dark\:ring-offset-gray-400 {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  :root .dark\:ring-offset-gray-500 {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  :root .dark\:ring-offset-gray-600 {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  :root .dark\:ring-offset-gray-700 {
+    --tw-ring-offset-color: #374151;
+  }
+
+  :root .dark\:ring-offset-gray-800 {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  :root .dark\:ring-offset-gray-900 {
+    --tw-ring-offset-color: #111827;
+  }
+
+  :root .dark\:ring-offset-red-50 {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  :root .dark\:ring-offset-red-100 {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  :root .dark\:ring-offset-red-200 {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  :root .dark\:ring-offset-red-300 {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  :root .dark\:ring-offset-red-400 {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  :root .dark\:ring-offset-red-500 {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  :root .dark\:ring-offset-red-600 {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  :root .dark\:ring-offset-red-700 {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  :root .dark\:ring-offset-red-800 {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  :root .dark\:ring-offset-red-900 {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  :root .dark\:ring-offset-yellow-50 {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  :root .dark\:ring-offset-yellow-100 {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  :root .dark\:ring-offset-yellow-200 {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  :root .dark\:ring-offset-yellow-300 {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  :root .dark\:ring-offset-yellow-400 {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  :root .dark\:ring-offset-yellow-500 {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  :root .dark\:ring-offset-yellow-600 {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  :root .dark\:ring-offset-yellow-700 {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  :root .dark\:ring-offset-yellow-800 {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  :root .dark\:ring-offset-yellow-900 {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  :root .dark\:ring-offset-green-50 {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  :root .dark\:ring-offset-green-100 {
+    --tw-ring-offset-color: #f0fff4;
+  }
+
+  :root .dark\:ring-offset-green-200 {
+    --tw-ring-offset-color: #c6f6d5;
+  }
+
+  :root .dark\:ring-offset-green-300 {
+    --tw-ring-offset-color: #9ae6b4;
+  }
+
+  :root .dark\:ring-offset-green-400 {
+    --tw-ring-offset-color: #68d391;
+  }
+
+  :root .dark\:ring-offset-green-500 {
+    --tw-ring-offset-color: #48bb78;
+  }
+
+  :root .dark\:ring-offset-green-600 {
+    --tw-ring-offset-color: #38a169;
+  }
+
+  :root .dark\:ring-offset-green-700 {
+    --tw-ring-offset-color: #2f855a;
+  }
+
+  :root .dark\:ring-offset-green-800 {
+    --tw-ring-offset-color: #276749;
+  }
+
+  :root .dark\:ring-offset-green-900 {
+    --tw-ring-offset-color: #22543d;
+  }
+
+  :root .dark\:ring-offset-green-apple {
+    --tw-ring-offset-color: #E8F3EC;
+  }
+
+  :root .dark\:ring-offset-blue-50 {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  :root .dark\:ring-offset-blue-100 {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  :root .dark\:ring-offset-blue-200 {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  :root .dark\:ring-offset-blue-300 {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  :root .dark\:ring-offset-blue-400 {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  :root .dark\:ring-offset-blue-500 {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  :root .dark\:ring-offset-blue-600 {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  :root .dark\:ring-offset-blue-700 {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  :root .dark\:ring-offset-blue-800 {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  :root .dark\:ring-offset-blue-900 {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  :root .dark\:ring-offset-indigo-50 {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  :root .dark\:ring-offset-indigo-100 {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  :root .dark\:ring-offset-indigo-200 {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  :root .dark\:ring-offset-indigo-300 {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  :root .dark\:ring-offset-indigo-400 {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  :root .dark\:ring-offset-indigo-500 {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  :root .dark\:ring-offset-indigo-600 {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  :root .dark\:ring-offset-indigo-700 {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  :root .dark\:ring-offset-indigo-800 {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  :root .dark\:ring-offset-indigo-900 {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  :root .dark\:ring-offset-purple-50 {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  :root .dark\:ring-offset-purple-100 {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  :root .dark\:ring-offset-purple-200 {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  :root .dark\:ring-offset-purple-300 {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  :root .dark\:ring-offset-purple-400 {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  :root .dark\:ring-offset-purple-500 {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  :root .dark\:ring-offset-purple-600 {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  :root .dark\:ring-offset-purple-700 {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  :root .dark\:ring-offset-purple-800 {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  :root .dark\:ring-offset-purple-900 {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  :root .dark\:ring-offset-pink-50 {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  :root .dark\:ring-offset-pink-100 {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  :root .dark\:ring-offset-pink-200 {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  :root .dark\:ring-offset-pink-300 {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  :root .dark\:ring-offset-pink-400 {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  :root .dark\:ring-offset-pink-500 {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  :root .dark\:ring-offset-pink-600 {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  :root .dark\:ring-offset-pink-700 {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  :root .dark\:ring-offset-pink-800 {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  :root .dark\:ring-offset-pink-900 {
+    --tw-ring-offset-color: #831843;
+  }
+
+  :root .dark\:ring-offset-grey-100 {
+    --tw-ring-offset-color: #f5f5f5;
+  }
+
+  :root .dark\:ring-offset-grey-200 {
+    --tw-ring-offset-color: #eeeeee;
+  }
+
+  :root .dark\:ring-offset-grey-300 {
+    --tw-ring-offset-color: #e0e0e0;
+  }
+
+  :root .dark\:ring-offset-grey-400 {
+    --tw-ring-offset-color: #bdbdbd;
+  }
+
+  :root .dark\:ring-offset-grey-500 {
+    --tw-ring-offset-color: #9e9e9e;
+  }
+
+  :root .dark\:ring-offset-grey-600 {
+    --tw-ring-offset-color: #757575;
+  }
+
+  :root .dark\:ring-offset-grey-700 {
+    --tw-ring-offset-color: #616161;
+  }
+
+  :root .dark\:ring-offset-grey-800 {
+    --tw-ring-offset-color: #424242;
+  }
+
+  :root .dark\:ring-offset-grey-900 {
+    --tw-ring-offset-color: #212121;
+  }
+
+  :root .dark\:ring-offset-primary {
+    --tw-ring-offset-color: var(--color-primary);
+  }
+
+  :root .dark\:ring-offset-primary-dark {
+    --tw-ring-offset-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:ring-offset-primary-light {
+    --tw-ring-offset-color: var(--color-primary-light);
+  }
+
+  :root .dark\:ring-offset-secondary {
+    --tw-ring-offset-color: var(--color-secondary);
+  }
+
+  :root .dark\:ring-offset-secondary-dark {
+    --tw-ring-offset-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:ring-offset-secondary-light {
+    --tw-ring-offset-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:ring-offset-accent {
+    --tw-ring-offset-color: var(--color-accent);
+  }
+
+  :root .dark\:ring-offset-accent-dark {
+    --tw-ring-offset-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:ring-offset-accent-light {
+    --tw-ring-offset-color: var(--color-accent-light);
+  }
+
+  :root .dark\:focus-within\:ring-offset-transparent:focus-within {
+    --tw-ring-offset-color: transparent;
+  }
+
+  :root .dark\:focus-within\:ring-offset-current:focus-within {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  :root .dark\:focus-within\:ring-offset-black:focus-within {
+    --tw-ring-offset-color: #000;
+  }
+
+  :root .dark\:focus-within\:ring-offset-white:focus-within {
+    --tw-ring-offset-color: #fff;
+  }
+
+  :root .dark\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  :root .dark\:focus-within\:ring-offset-gray-100:focus-within {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  :root .dark\:focus-within\:ring-offset-gray-200:focus-within {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  :root .dark\:focus-within\:ring-offset-gray-300:focus-within {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  :root .dark\:focus-within\:ring-offset-gray-400:focus-within {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  :root .dark\:focus-within\:ring-offset-gray-500:focus-within {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  :root .dark\:focus-within\:ring-offset-gray-600:focus-within {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  :root .dark\:focus-within\:ring-offset-gray-700:focus-within {
+    --tw-ring-offset-color: #374151;
+  }
+
+  :root .dark\:focus-within\:ring-offset-gray-800:focus-within {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  :root .dark\:focus-within\:ring-offset-gray-900:focus-within {
+    --tw-ring-offset-color: #111827;
+  }
+
+  :root .dark\:focus-within\:ring-offset-red-50:focus-within {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  :root .dark\:focus-within\:ring-offset-red-100:focus-within {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  :root .dark\:focus-within\:ring-offset-red-200:focus-within {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  :root .dark\:focus-within\:ring-offset-red-300:focus-within {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  :root .dark\:focus-within\:ring-offset-red-400:focus-within {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  :root .dark\:focus-within\:ring-offset-red-500:focus-within {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  :root .dark\:focus-within\:ring-offset-red-600:focus-within {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  :root .dark\:focus-within\:ring-offset-red-700:focus-within {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  :root .dark\:focus-within\:ring-offset-red-800:focus-within {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  :root .dark\:focus-within\:ring-offset-red-900:focus-within {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  :root .dark\:focus-within\:ring-offset-yellow-50:focus-within {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  :root .dark\:focus-within\:ring-offset-yellow-100:focus-within {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  :root .dark\:focus-within\:ring-offset-yellow-200:focus-within {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  :root .dark\:focus-within\:ring-offset-yellow-300:focus-within {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  :root .dark\:focus-within\:ring-offset-yellow-400:focus-within {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  :root .dark\:focus-within\:ring-offset-yellow-500:focus-within {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  :root .dark\:focus-within\:ring-offset-yellow-600:focus-within {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  :root .dark\:focus-within\:ring-offset-yellow-700:focus-within {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  :root .dark\:focus-within\:ring-offset-yellow-800:focus-within {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  :root .dark\:focus-within\:ring-offset-yellow-900:focus-within {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  :root .dark\:focus-within\:ring-offset-green-50:focus-within {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  :root .dark\:focus-within\:ring-offset-green-100:focus-within {
+    --tw-ring-offset-color: #f0fff4;
+  }
+
+  :root .dark\:focus-within\:ring-offset-green-200:focus-within {
+    --tw-ring-offset-color: #c6f6d5;
+  }
+
+  :root .dark\:focus-within\:ring-offset-green-300:focus-within {
+    --tw-ring-offset-color: #9ae6b4;
+  }
+
+  :root .dark\:focus-within\:ring-offset-green-400:focus-within {
+    --tw-ring-offset-color: #68d391;
+  }
+
+  :root .dark\:focus-within\:ring-offset-green-500:focus-within {
+    --tw-ring-offset-color: #48bb78;
+  }
+
+  :root .dark\:focus-within\:ring-offset-green-600:focus-within {
+    --tw-ring-offset-color: #38a169;
+  }
+
+  :root .dark\:focus-within\:ring-offset-green-700:focus-within {
+    --tw-ring-offset-color: #2f855a;
+  }
+
+  :root .dark\:focus-within\:ring-offset-green-800:focus-within {
+    --tw-ring-offset-color: #276749;
+  }
+
+  :root .dark\:focus-within\:ring-offset-green-900:focus-within {
+    --tw-ring-offset-color: #22543d;
+  }
+
+  :root .dark\:focus-within\:ring-offset-green-apple:focus-within {
+    --tw-ring-offset-color: #E8F3EC;
+  }
+
+  :root .dark\:focus-within\:ring-offset-blue-50:focus-within {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  :root .dark\:focus-within\:ring-offset-blue-100:focus-within {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  :root .dark\:focus-within\:ring-offset-blue-200:focus-within {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  :root .dark\:focus-within\:ring-offset-blue-300:focus-within {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  :root .dark\:focus-within\:ring-offset-blue-400:focus-within {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  :root .dark\:focus-within\:ring-offset-blue-500:focus-within {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  :root .dark\:focus-within\:ring-offset-blue-600:focus-within {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  :root .dark\:focus-within\:ring-offset-blue-700:focus-within {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  :root .dark\:focus-within\:ring-offset-blue-800:focus-within {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  :root .dark\:focus-within\:ring-offset-blue-900:focus-within {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  :root .dark\:focus-within\:ring-offset-indigo-50:focus-within {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  :root .dark\:focus-within\:ring-offset-indigo-100:focus-within {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  :root .dark\:focus-within\:ring-offset-indigo-200:focus-within {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  :root .dark\:focus-within\:ring-offset-indigo-300:focus-within {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  :root .dark\:focus-within\:ring-offset-indigo-400:focus-within {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  :root .dark\:focus-within\:ring-offset-indigo-500:focus-within {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  :root .dark\:focus-within\:ring-offset-indigo-600:focus-within {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  :root .dark\:focus-within\:ring-offset-indigo-700:focus-within {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  :root .dark\:focus-within\:ring-offset-indigo-800:focus-within {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  :root .dark\:focus-within\:ring-offset-indigo-900:focus-within {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  :root .dark\:focus-within\:ring-offset-purple-50:focus-within {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  :root .dark\:focus-within\:ring-offset-purple-100:focus-within {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  :root .dark\:focus-within\:ring-offset-purple-200:focus-within {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  :root .dark\:focus-within\:ring-offset-purple-300:focus-within {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  :root .dark\:focus-within\:ring-offset-purple-400:focus-within {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  :root .dark\:focus-within\:ring-offset-purple-500:focus-within {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  :root .dark\:focus-within\:ring-offset-purple-600:focus-within {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  :root .dark\:focus-within\:ring-offset-purple-700:focus-within {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  :root .dark\:focus-within\:ring-offset-purple-800:focus-within {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  :root .dark\:focus-within\:ring-offset-purple-900:focus-within {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  :root .dark\:focus-within\:ring-offset-pink-50:focus-within {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  :root .dark\:focus-within\:ring-offset-pink-100:focus-within {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  :root .dark\:focus-within\:ring-offset-pink-200:focus-within {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  :root .dark\:focus-within\:ring-offset-pink-300:focus-within {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  :root .dark\:focus-within\:ring-offset-pink-400:focus-within {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  :root .dark\:focus-within\:ring-offset-pink-500:focus-within {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  :root .dark\:focus-within\:ring-offset-pink-600:focus-within {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  :root .dark\:focus-within\:ring-offset-pink-700:focus-within {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  :root .dark\:focus-within\:ring-offset-pink-800:focus-within {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  :root .dark\:focus-within\:ring-offset-pink-900:focus-within {
+    --tw-ring-offset-color: #831843;
+  }
+
+  :root .dark\:focus-within\:ring-offset-grey-100:focus-within {
+    --tw-ring-offset-color: #f5f5f5;
+  }
+
+  :root .dark\:focus-within\:ring-offset-grey-200:focus-within {
+    --tw-ring-offset-color: #eeeeee;
+  }
+
+  :root .dark\:focus-within\:ring-offset-grey-300:focus-within {
+    --tw-ring-offset-color: #e0e0e0;
+  }
+
+  :root .dark\:focus-within\:ring-offset-grey-400:focus-within {
+    --tw-ring-offset-color: #bdbdbd;
+  }
+
+  :root .dark\:focus-within\:ring-offset-grey-500:focus-within {
+    --tw-ring-offset-color: #9e9e9e;
+  }
+
+  :root .dark\:focus-within\:ring-offset-grey-600:focus-within {
+    --tw-ring-offset-color: #757575;
+  }
+
+  :root .dark\:focus-within\:ring-offset-grey-700:focus-within {
+    --tw-ring-offset-color: #616161;
+  }
+
+  :root .dark\:focus-within\:ring-offset-grey-800:focus-within {
+    --tw-ring-offset-color: #424242;
+  }
+
+  :root .dark\:focus-within\:ring-offset-grey-900:focus-within {
+    --tw-ring-offset-color: #212121;
+  }
+
+  :root .dark\:focus-within\:ring-offset-primary:focus-within {
+    --tw-ring-offset-color: var(--color-primary);
+  }
+
+  :root .dark\:focus-within\:ring-offset-primary-dark:focus-within {
+    --tw-ring-offset-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:focus-within\:ring-offset-primary-light:focus-within {
+    --tw-ring-offset-color: var(--color-primary-light);
+  }
+
+  :root .dark\:focus-within\:ring-offset-secondary:focus-within {
+    --tw-ring-offset-color: var(--color-secondary);
+  }
+
+  :root .dark\:focus-within\:ring-offset-secondary-dark:focus-within {
+    --tw-ring-offset-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:focus-within\:ring-offset-secondary-light:focus-within {
+    --tw-ring-offset-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:focus-within\:ring-offset-accent:focus-within {
+    --tw-ring-offset-color: var(--color-accent);
+  }
+
+  :root .dark\:focus-within\:ring-offset-accent-dark:focus-within {
+    --tw-ring-offset-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:focus-within\:ring-offset-accent-light:focus-within {
+    --tw-ring-offset-color: var(--color-accent-light);
+  }
+
+  :root .dark\:focus\:ring-offset-transparent:focus {
+    --tw-ring-offset-color: transparent;
+  }
+
+  :root .dark\:focus\:ring-offset-current:focus {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  :root .dark\:focus\:ring-offset-black:focus {
+    --tw-ring-offset-color: #000;
+  }
+
+  :root .dark\:focus\:ring-offset-white:focus {
+    --tw-ring-offset-color: #fff;
+  }
+
+  :root .dark\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  :root .dark\:focus\:ring-offset-gray-100:focus {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  :root .dark\:focus\:ring-offset-gray-200:focus {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  :root .dark\:focus\:ring-offset-gray-300:focus {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  :root .dark\:focus\:ring-offset-gray-400:focus {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  :root .dark\:focus\:ring-offset-gray-500:focus {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  :root .dark\:focus\:ring-offset-gray-600:focus {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  :root .dark\:focus\:ring-offset-gray-700:focus {
+    --tw-ring-offset-color: #374151;
+  }
+
+  :root .dark\:focus\:ring-offset-gray-800:focus {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  :root .dark\:focus\:ring-offset-gray-900:focus {
+    --tw-ring-offset-color: #111827;
+  }
+
+  :root .dark\:focus\:ring-offset-red-50:focus {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  :root .dark\:focus\:ring-offset-red-100:focus {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  :root .dark\:focus\:ring-offset-red-200:focus {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  :root .dark\:focus\:ring-offset-red-300:focus {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  :root .dark\:focus\:ring-offset-red-400:focus {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  :root .dark\:focus\:ring-offset-red-500:focus {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  :root .dark\:focus\:ring-offset-red-600:focus {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  :root .dark\:focus\:ring-offset-red-700:focus {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  :root .dark\:focus\:ring-offset-red-800:focus {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  :root .dark\:focus\:ring-offset-red-900:focus {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  :root .dark\:focus\:ring-offset-yellow-50:focus {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  :root .dark\:focus\:ring-offset-yellow-100:focus {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  :root .dark\:focus\:ring-offset-yellow-200:focus {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  :root .dark\:focus\:ring-offset-yellow-300:focus {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  :root .dark\:focus\:ring-offset-yellow-400:focus {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  :root .dark\:focus\:ring-offset-yellow-500:focus {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  :root .dark\:focus\:ring-offset-yellow-600:focus {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  :root .dark\:focus\:ring-offset-yellow-700:focus {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  :root .dark\:focus\:ring-offset-yellow-800:focus {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  :root .dark\:focus\:ring-offset-yellow-900:focus {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  :root .dark\:focus\:ring-offset-green-50:focus {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  :root .dark\:focus\:ring-offset-green-100:focus {
+    --tw-ring-offset-color: #f0fff4;
+  }
+
+  :root .dark\:focus\:ring-offset-green-200:focus {
+    --tw-ring-offset-color: #c6f6d5;
+  }
+
+  :root .dark\:focus\:ring-offset-green-300:focus {
+    --tw-ring-offset-color: #9ae6b4;
+  }
+
+  :root .dark\:focus\:ring-offset-green-400:focus {
+    --tw-ring-offset-color: #68d391;
+  }
+
+  :root .dark\:focus\:ring-offset-green-500:focus {
+    --tw-ring-offset-color: #48bb78;
+  }
+
+  :root .dark\:focus\:ring-offset-green-600:focus {
+    --tw-ring-offset-color: #38a169;
+  }
+
+  :root .dark\:focus\:ring-offset-green-700:focus {
+    --tw-ring-offset-color: #2f855a;
+  }
+
+  :root .dark\:focus\:ring-offset-green-800:focus {
+    --tw-ring-offset-color: #276749;
+  }
+
+  :root .dark\:focus\:ring-offset-green-900:focus {
+    --tw-ring-offset-color: #22543d;
+  }
+
+  :root .dark\:focus\:ring-offset-green-apple:focus {
+    --tw-ring-offset-color: #E8F3EC;
+  }
+
+  :root .dark\:focus\:ring-offset-blue-50:focus {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  :root .dark\:focus\:ring-offset-blue-100:focus {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  :root .dark\:focus\:ring-offset-blue-200:focus {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  :root .dark\:focus\:ring-offset-blue-300:focus {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  :root .dark\:focus\:ring-offset-blue-400:focus {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  :root .dark\:focus\:ring-offset-blue-500:focus {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  :root .dark\:focus\:ring-offset-blue-600:focus {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  :root .dark\:focus\:ring-offset-blue-700:focus {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  :root .dark\:focus\:ring-offset-blue-800:focus {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  :root .dark\:focus\:ring-offset-blue-900:focus {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  :root .dark\:focus\:ring-offset-indigo-50:focus {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  :root .dark\:focus\:ring-offset-indigo-100:focus {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  :root .dark\:focus\:ring-offset-indigo-200:focus {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  :root .dark\:focus\:ring-offset-indigo-300:focus {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  :root .dark\:focus\:ring-offset-indigo-400:focus {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  :root .dark\:focus\:ring-offset-indigo-500:focus {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  :root .dark\:focus\:ring-offset-indigo-600:focus {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  :root .dark\:focus\:ring-offset-indigo-700:focus {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  :root .dark\:focus\:ring-offset-indigo-800:focus {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  :root .dark\:focus\:ring-offset-indigo-900:focus {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  :root .dark\:focus\:ring-offset-purple-50:focus {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  :root .dark\:focus\:ring-offset-purple-100:focus {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  :root .dark\:focus\:ring-offset-purple-200:focus {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  :root .dark\:focus\:ring-offset-purple-300:focus {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  :root .dark\:focus\:ring-offset-purple-400:focus {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  :root .dark\:focus\:ring-offset-purple-500:focus {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  :root .dark\:focus\:ring-offset-purple-600:focus {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  :root .dark\:focus\:ring-offset-purple-700:focus {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  :root .dark\:focus\:ring-offset-purple-800:focus {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  :root .dark\:focus\:ring-offset-purple-900:focus {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  :root .dark\:focus\:ring-offset-pink-50:focus {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  :root .dark\:focus\:ring-offset-pink-100:focus {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  :root .dark\:focus\:ring-offset-pink-200:focus {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  :root .dark\:focus\:ring-offset-pink-300:focus {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  :root .dark\:focus\:ring-offset-pink-400:focus {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  :root .dark\:focus\:ring-offset-pink-500:focus {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  :root .dark\:focus\:ring-offset-pink-600:focus {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  :root .dark\:focus\:ring-offset-pink-700:focus {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  :root .dark\:focus\:ring-offset-pink-800:focus {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  :root .dark\:focus\:ring-offset-pink-900:focus {
+    --tw-ring-offset-color: #831843;
+  }
+
+  :root .dark\:focus\:ring-offset-grey-100:focus {
+    --tw-ring-offset-color: #f5f5f5;
+  }
+
+  :root .dark\:focus\:ring-offset-grey-200:focus {
+    --tw-ring-offset-color: #eeeeee;
+  }
+
+  :root .dark\:focus\:ring-offset-grey-300:focus {
+    --tw-ring-offset-color: #e0e0e0;
+  }
+
+  :root .dark\:focus\:ring-offset-grey-400:focus {
+    --tw-ring-offset-color: #bdbdbd;
+  }
+
+  :root .dark\:focus\:ring-offset-grey-500:focus {
+    --tw-ring-offset-color: #9e9e9e;
+  }
+
+  :root .dark\:focus\:ring-offset-grey-600:focus {
+    --tw-ring-offset-color: #757575;
+  }
+
+  :root .dark\:focus\:ring-offset-grey-700:focus {
+    --tw-ring-offset-color: #616161;
+  }
+
+  :root .dark\:focus\:ring-offset-grey-800:focus {
+    --tw-ring-offset-color: #424242;
+  }
+
+  :root .dark\:focus\:ring-offset-grey-900:focus {
+    --tw-ring-offset-color: #212121;
+  }
+
+  :root .dark\:focus\:ring-offset-primary:focus {
+    --tw-ring-offset-color: var(--color-primary);
+  }
+
+  :root .dark\:focus\:ring-offset-primary-dark:focus {
+    --tw-ring-offset-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:focus\:ring-offset-primary-light:focus {
+    --tw-ring-offset-color: var(--color-primary-light);
+  }
+
+  :root .dark\:focus\:ring-offset-secondary:focus {
+    --tw-ring-offset-color: var(--color-secondary);
+  }
+
+  :root .dark\:focus\:ring-offset-secondary-dark:focus {
+    --tw-ring-offset-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:focus\:ring-offset-secondary-light:focus {
+    --tw-ring-offset-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:focus\:ring-offset-accent:focus {
+    --tw-ring-offset-color: var(--color-accent);
+  }
+
+  :root .dark\:focus\:ring-offset-accent-dark:focus {
+    --tw-ring-offset-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:focus\:ring-offset-accent-light:focus {
+    --tw-ring-offset-color: var(--color-accent-light);
+  }
+
+  :root .dark\:ring-transparent {
+    --tw-ring-color: transparent;
+  }
+
+  :root .dark\:ring-current {
+    --tw-ring-color: currentColor;
+  }
+
+  :root .dark\:ring-black {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-white {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-gray-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-gray-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-gray-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-gray-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-gray-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-gray-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-gray-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-gray-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-gray-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-red-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-red-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-red-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-red-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-red-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-red-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-red-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-red-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-red-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-red-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-yellow-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-yellow-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-yellow-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-yellow-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-yellow-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-yellow-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-yellow-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-yellow-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-yellow-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-yellow-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-green-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-green-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-green-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-green-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-green-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-green-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-green-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-green-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-green-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-green-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-green-apple {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-blue-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-blue-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-blue-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-blue-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-blue-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-blue-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-blue-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-blue-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-blue-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-blue-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-indigo-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-indigo-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-indigo-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-indigo-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-indigo-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-indigo-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-indigo-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-indigo-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-indigo-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-indigo-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-purple-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-purple-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-purple-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-purple-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-purple-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-purple-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-purple-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-purple-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-purple-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-purple-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-pink-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-pink-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-pink-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-pink-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-pink-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-pink-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-pink-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-pink-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-pink-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-pink-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-grey-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-grey-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-grey-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-grey-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-grey-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-grey-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-grey-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-grey-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-grey-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:ring-primary {
+    --tw-ring-color: var(--color-primary);
+  }
+
+  :root .dark\:ring-primary-dark {
+    --tw-ring-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:ring-primary-light {
+    --tw-ring-color: var(--color-primary-light);
+  }
+
+  :root .dark\:ring-secondary {
+    --tw-ring-color: var(--color-secondary);
+  }
+
+  :root .dark\:ring-secondary-dark {
+    --tw-ring-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:ring-secondary-light {
+    --tw-ring-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:ring-accent {
+    --tw-ring-color: var(--color-accent);
+  }
+
+  :root .dark\:ring-accent-dark {
+    --tw-ring-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:ring-accent-light {
+    --tw-ring-color: var(--color-accent-light);
+  }
+
+  :root .dark\:focus-within\:ring-transparent:focus-within {
+    --tw-ring-color: transparent;
+  }
+
+  :root .dark\:focus-within\:ring-current:focus-within {
+    --tw-ring-color: currentColor;
+  }
+
+  :root .dark\:focus-within\:ring-black:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-white:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-gray-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-gray-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-gray-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-gray-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-gray-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-gray-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-gray-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-gray-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-gray-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-red-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-red-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-red-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-red-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-red-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-red-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-red-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-red-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-red-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-red-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-yellow-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-yellow-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-yellow-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-yellow-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-yellow-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-yellow-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-yellow-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-yellow-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-yellow-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-yellow-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-green-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-green-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-green-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-green-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-green-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-green-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-green-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-green-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-green-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-green-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-green-apple:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-blue-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-blue-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-blue-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-blue-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-blue-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-blue-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-blue-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-blue-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-blue-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-blue-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-indigo-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-indigo-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-indigo-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-indigo-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-indigo-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-indigo-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-indigo-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-indigo-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-indigo-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-indigo-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-purple-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-purple-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-purple-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-purple-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-purple-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-purple-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-purple-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-purple-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-purple-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-purple-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-pink-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-pink-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-pink-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-pink-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-pink-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-pink-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-pink-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-pink-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-pink-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-pink-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-grey-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-grey-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-grey-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-grey-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-grey-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-grey-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-grey-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-grey-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-grey-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus-within\:ring-primary:focus-within {
+    --tw-ring-color: var(--color-primary);
+  }
+
+  :root .dark\:focus-within\:ring-primary-dark:focus-within {
+    --tw-ring-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:focus-within\:ring-primary-light:focus-within {
+    --tw-ring-color: var(--color-primary-light);
+  }
+
+  :root .dark\:focus-within\:ring-secondary:focus-within {
+    --tw-ring-color: var(--color-secondary);
+  }
+
+  :root .dark\:focus-within\:ring-secondary-dark:focus-within {
+    --tw-ring-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:focus-within\:ring-secondary-light:focus-within {
+    --tw-ring-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:focus-within\:ring-accent:focus-within {
+    --tw-ring-color: var(--color-accent);
+  }
+
+  :root .dark\:focus-within\:ring-accent-dark:focus-within {
+    --tw-ring-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:focus-within\:ring-accent-light:focus-within {
+    --tw-ring-color: var(--color-accent-light);
+  }
+
+  :root .dark\:focus\:ring-transparent:focus {
+    --tw-ring-color: transparent;
+  }
+
+  :root .dark\:focus\:ring-current:focus {
+    --tw-ring-color: currentColor;
+  }
+
+  :root .dark\:focus\:ring-black:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-white:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-gray-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-gray-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-gray-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-gray-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-gray-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-gray-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-gray-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-gray-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-gray-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-red-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-red-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-red-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-red-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-red-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-red-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-red-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-red-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-red-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-red-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-yellow-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-yellow-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-yellow-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-yellow-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-yellow-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-yellow-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-yellow-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-yellow-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-yellow-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-yellow-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-green-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-green-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-green-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-green-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-green-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-green-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-green-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-green-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-green-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-green-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-green-apple:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-blue-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-blue-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-blue-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-blue-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-blue-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-blue-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-blue-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-blue-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-blue-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-indigo-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-indigo-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-indigo-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-indigo-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-indigo-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-indigo-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-indigo-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-indigo-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-indigo-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-indigo-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-purple-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-purple-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-purple-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-purple-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-purple-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-purple-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-purple-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-purple-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-purple-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-purple-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-pink-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-pink-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-pink-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-pink-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-pink-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-pink-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-pink-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-pink-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-pink-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-pink-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-grey-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-grey-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-grey-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-grey-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-grey-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-grey-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-grey-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-grey-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-grey-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+  }
+
+  :root .dark\:focus\:ring-primary:focus {
+    --tw-ring-color: var(--color-primary);
+  }
+
+  :root .dark\:focus\:ring-primary-dark:focus {
+    --tw-ring-color: var(--color-primary-dark);
+  }
+
+  :root .dark\:focus\:ring-primary-light:focus {
+    --tw-ring-color: var(--color-primary-light);
+  }
+
+  :root .dark\:focus\:ring-secondary:focus {
+    --tw-ring-color: var(--color-secondary);
+  }
+
+  :root .dark\:focus\:ring-secondary-dark:focus {
+    --tw-ring-color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:focus\:ring-secondary-light:focus {
+    --tw-ring-color: var(--color-secondary-light);
+  }
+
+  :root .dark\:focus\:ring-accent:focus {
+    --tw-ring-color: var(--color-accent);
+  }
+
+  :root .dark\:focus\:ring-accent-dark:focus {
+    --tw-ring-color: var(--color-accent-dark);
+  }
+
+  :root .dark\:focus\:ring-accent-light:focus {
+    --tw-ring-color: var(--color-accent-light);
+  }
+
+  :root .dark\:text-transparent {
+    color: transparent;
+  }
+
+  :root .dark\:text-current {
+    color: currentColor;
+  }
+
+  :root .dark\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(240, 255, 244, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(198, 246, 213, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(154, 230, 180, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(104, 211, 145, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(72, 187, 120, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(56, 161, 105, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(47, 133, 90, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(39, 103, 73, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(34, 84, 61, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-green-apple {
+    --tw-text-opacity: 1;
+    color: rgba(232, 243, 236, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-grey-100 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 245, 245, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-grey-200 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 238, 238, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-grey-300 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 224, 224, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-grey-400 {
+    --tw-text-opacity: 1;
+    color: rgba(189, 189, 189, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-grey-500 {
+    --tw-text-opacity: 1;
+    color: rgba(158, 158, 158, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-grey-600 {
+    --tw-text-opacity: 1;
+    color: rgba(117, 117, 117, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-grey-700 {
+    --tw-text-opacity: 1;
+    color: rgba(97, 97, 97, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-grey-800 {
+    --tw-text-opacity: 1;
+    color: rgba(66, 66, 66, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-grey-900 {
+    --tw-text-opacity: 1;
+    color: rgba(33, 33, 33, var(--tw-text-opacity));
+  }
+
+  :root .dark\:text-primary {
+    color: var(--color-primary);
+  }
+
+  :root .dark\:text-primary-dark {
+    color: var(--color-primary-dark);
+  }
+
+  :root .dark\:text-primary-light {
+    color: var(--color-primary-light);
+  }
+
+  :root .dark\:text-secondary {
+    color: var(--color-secondary);
+  }
+
+  :root .dark\:text-secondary-dark {
+    color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:text-secondary-light {
+    color: var(--color-secondary-light);
+  }
+
+  :root .dark\:text-accent {
+    color: var(--color-accent);
+  }
+
+  :root .dark\:text-accent-dark {
+    color: var(--color-accent-dark);
+  }
+
+  :root .dark\:text-accent-light {
+    color: var(--color-accent-light);
+  }
+
+  :root .dark\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  :root .dark\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  :root .dark\:hover\:text-black:hover {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-gray-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-gray-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-gray-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-gray-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-gray-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-gray-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-gray-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-gray-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-gray-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-red-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-red-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-red-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-red-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-red-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-red-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-red-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-red-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-red-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-red-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-yellow-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-yellow-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-yellow-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-yellow-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-yellow-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-yellow-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-yellow-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-yellow-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-yellow-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-yellow-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-green-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-green-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(240, 255, 244, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-green-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(198, 246, 213, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-green-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(154, 230, 180, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-green-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(104, 211, 145, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-green-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(72, 187, 120, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-green-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(56, 161, 105, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-green-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(47, 133, 90, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-green-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(39, 103, 73, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-green-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(34, 84, 61, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-green-apple:hover {
+    --tw-text-opacity: 1;
+    color: rgba(232, 243, 236, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-blue-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-blue-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-blue-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-blue-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-blue-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-blue-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-blue-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-blue-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-blue-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-blue-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-indigo-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-indigo-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-indigo-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-indigo-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-indigo-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-indigo-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-indigo-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-indigo-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-indigo-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-indigo-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-purple-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-purple-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-purple-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-purple-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-purple-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-purple-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-purple-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-purple-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-purple-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-purple-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-pink-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-pink-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-pink-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-pink-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-pink-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-pink-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-pink-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-pink-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-pink-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-pink-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-grey-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 245, 245, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-grey-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(238, 238, 238, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-grey-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(224, 224, 224, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-grey-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(189, 189, 189, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-grey-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(158, 158, 158, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-grey-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(117, 117, 117, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-grey-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(97, 97, 97, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-grey-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(66, 66, 66, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-grey-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(33, 33, 33, var(--tw-text-opacity));
+  }
+
+  :root .dark\:hover\:text-primary:hover {
+    color: var(--color-primary);
+  }
+
+  :root .dark\:hover\:text-primary-dark:hover {
+    color: var(--color-primary-dark);
+  }
+
+  :root .dark\:hover\:text-primary-light:hover {
+    color: var(--color-primary-light);
+  }
+
+  :root .dark\:hover\:text-secondary:hover {
+    color: var(--color-secondary);
+  }
+
+  :root .dark\:hover\:text-secondary-dark:hover {
+    color: var(--color-secondary-dark);
+  }
+
+  :root .dark\:hover\:text-secondary-light:hover {
+    color: var(--color-secondary-light);
+  }
+
+  :root .dark\:hover\:text-accent:hover {
+    color: var(--color-accent);
+  }
+
+  :root .dark\:hover\:text-accent-dark:hover {
+    color: var(--color-accent-dark);
+  }
+
+  :root .dark\:hover\:text-accent-light:hover {
+    color: var(--color-accent-light);
+  }
+
+  @media (min-width: 640px) {
+    :root .sm\:dark\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+      border-color: transparent;
+    }
+
+    :root .sm\:dark\:divide-current > :not([hidden]) ~ :not([hidden]) {
+      border-color: currentColor;
+    }
+
+    :root .sm\:dark\:divide-black > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-white > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-green-apple > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-grey-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-grey-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-grey-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-grey-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-grey-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-grey-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-grey-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-grey-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-grey-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-divide-opacity));
+    }
+
+    :root .sm\:dark\:divide-primary > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:divide-primary-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:divide-primary-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:divide-secondary > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:divide-secondary-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:divide-secondary-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:divide-accent > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:divide-accent-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:divide-accent-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:from-transparent {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .sm\:dark\:from-current {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:from-black {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .sm\:dark\:from-white {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:from-gray-50 {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .sm\:dark\:from-gray-100 {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .sm\:dark\:from-gray-200 {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .sm\:dark\:from-gray-300 {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .sm\:dark\:from-gray-400 {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .sm\:dark\:from-gray-500 {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .sm\:dark\:from-gray-600 {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .sm\:dark\:from-gray-700 {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .sm\:dark\:from-gray-800 {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .sm\:dark\:from-gray-900 {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .sm\:dark\:from-red-50 {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .sm\:dark\:from-red-100 {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .sm\:dark\:from-red-200 {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .sm\:dark\:from-red-300 {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .sm\:dark\:from-red-400 {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .sm\:dark\:from-red-500 {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .sm\:dark\:from-red-600 {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .sm\:dark\:from-red-700 {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .sm\:dark\:from-red-800 {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .sm\:dark\:from-red-900 {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .sm\:dark\:from-yellow-50 {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .sm\:dark\:from-yellow-100 {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .sm\:dark\:from-yellow-200 {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .sm\:dark\:from-yellow-300 {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .sm\:dark\:from-yellow-400 {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .sm\:dark\:from-yellow-500 {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .sm\:dark\:from-yellow-600 {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .sm\:dark\:from-yellow-700 {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .sm\:dark\:from-yellow-800 {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .sm\:dark\:from-yellow-900 {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .sm\:dark\:from-green-50 {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .sm\:dark\:from-green-100 {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .sm\:dark\:from-green-200 {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .sm\:dark\:from-green-300 {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .sm\:dark\:from-green-400 {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .sm\:dark\:from-green-500 {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .sm\:dark\:from-green-600 {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .sm\:dark\:from-green-700 {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .sm\:dark\:from-green-800 {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .sm\:dark\:from-green-900 {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .sm\:dark\:from-green-apple {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .sm\:dark\:from-blue-50 {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .sm\:dark\:from-blue-100 {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .sm\:dark\:from-blue-200 {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .sm\:dark\:from-blue-300 {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .sm\:dark\:from-blue-400 {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .sm\:dark\:from-blue-500 {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .sm\:dark\:from-blue-600 {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .sm\:dark\:from-blue-700 {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .sm\:dark\:from-blue-800 {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .sm\:dark\:from-blue-900 {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .sm\:dark\:from-indigo-50 {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .sm\:dark\:from-indigo-100 {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .sm\:dark\:from-indigo-200 {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .sm\:dark\:from-indigo-300 {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .sm\:dark\:from-indigo-400 {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .sm\:dark\:from-indigo-500 {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .sm\:dark\:from-indigo-600 {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .sm\:dark\:from-indigo-700 {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .sm\:dark\:from-indigo-800 {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .sm\:dark\:from-indigo-900 {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .sm\:dark\:from-purple-50 {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .sm\:dark\:from-purple-100 {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .sm\:dark\:from-purple-200 {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .sm\:dark\:from-purple-300 {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .sm\:dark\:from-purple-400 {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .sm\:dark\:from-purple-500 {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .sm\:dark\:from-purple-600 {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .sm\:dark\:from-purple-700 {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .sm\:dark\:from-purple-800 {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .sm\:dark\:from-purple-900 {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .sm\:dark\:from-pink-50 {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .sm\:dark\:from-pink-100 {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .sm\:dark\:from-pink-200 {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .sm\:dark\:from-pink-300 {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .sm\:dark\:from-pink-400 {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .sm\:dark\:from-pink-500 {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .sm\:dark\:from-pink-600 {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .sm\:dark\:from-pink-700 {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .sm\:dark\:from-pink-800 {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .sm\:dark\:from-pink-900 {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .sm\:dark\:from-grey-100 {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .sm\:dark\:from-grey-200 {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .sm\:dark\:from-grey-300 {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .sm\:dark\:from-grey-400 {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .sm\:dark\:from-grey-500 {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .sm\:dark\:from-grey-600 {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .sm\:dark\:from-grey-700 {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .sm\:dark\:from-grey-800 {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .sm\:dark\:from-grey-900 {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .sm\:dark\:from-primary {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:from-primary-dark {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:from-primary-light {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:from-secondary {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:from-secondary-dark {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:from-secondary-light {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:from-accent {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:from-accent-dark {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:from-accent-light {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:via-transparent {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .sm\:dark\:via-current {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:via-black {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .sm\:dark\:via-white {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:via-gray-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .sm\:dark\:via-gray-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .sm\:dark\:via-gray-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .sm\:dark\:via-gray-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .sm\:dark\:via-gray-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .sm\:dark\:via-gray-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .sm\:dark\:via-gray-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .sm\:dark\:via-gray-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .sm\:dark\:via-gray-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .sm\:dark\:via-gray-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .sm\:dark\:via-red-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .sm\:dark\:via-red-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .sm\:dark\:via-red-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .sm\:dark\:via-red-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .sm\:dark\:via-red-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .sm\:dark\:via-red-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .sm\:dark\:via-red-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .sm\:dark\:via-red-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .sm\:dark\:via-red-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .sm\:dark\:via-red-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .sm\:dark\:via-yellow-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .sm\:dark\:via-yellow-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .sm\:dark\:via-yellow-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .sm\:dark\:via-yellow-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .sm\:dark\:via-yellow-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .sm\:dark\:via-yellow-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .sm\:dark\:via-yellow-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .sm\:dark\:via-yellow-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .sm\:dark\:via-yellow-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .sm\:dark\:via-yellow-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .sm\:dark\:via-green-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .sm\:dark\:via-green-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .sm\:dark\:via-green-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .sm\:dark\:via-green-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .sm\:dark\:via-green-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .sm\:dark\:via-green-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .sm\:dark\:via-green-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .sm\:dark\:via-green-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .sm\:dark\:via-green-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .sm\:dark\:via-green-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .sm\:dark\:via-green-apple {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .sm\:dark\:via-blue-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .sm\:dark\:via-blue-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .sm\:dark\:via-blue-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .sm\:dark\:via-blue-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .sm\:dark\:via-blue-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .sm\:dark\:via-blue-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .sm\:dark\:via-blue-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .sm\:dark\:via-blue-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .sm\:dark\:via-blue-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .sm\:dark\:via-blue-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .sm\:dark\:via-indigo-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .sm\:dark\:via-indigo-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .sm\:dark\:via-indigo-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .sm\:dark\:via-indigo-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .sm\:dark\:via-indigo-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .sm\:dark\:via-indigo-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .sm\:dark\:via-indigo-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .sm\:dark\:via-indigo-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .sm\:dark\:via-indigo-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .sm\:dark\:via-indigo-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .sm\:dark\:via-purple-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .sm\:dark\:via-purple-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .sm\:dark\:via-purple-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .sm\:dark\:via-purple-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .sm\:dark\:via-purple-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .sm\:dark\:via-purple-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .sm\:dark\:via-purple-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .sm\:dark\:via-purple-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .sm\:dark\:via-purple-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .sm\:dark\:via-purple-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .sm\:dark\:via-pink-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .sm\:dark\:via-pink-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .sm\:dark\:via-pink-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .sm\:dark\:via-pink-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .sm\:dark\:via-pink-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .sm\:dark\:via-pink-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .sm\:dark\:via-pink-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .sm\:dark\:via-pink-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .sm\:dark\:via-pink-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .sm\:dark\:via-pink-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .sm\:dark\:via-grey-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .sm\:dark\:via-grey-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .sm\:dark\:via-grey-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .sm\:dark\:via-grey-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .sm\:dark\:via-grey-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .sm\:dark\:via-grey-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .sm\:dark\:via-grey-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .sm\:dark\:via-grey-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .sm\:dark\:via-grey-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .sm\:dark\:via-primary {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:via-primary-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:via-primary-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:via-secondary {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:via-secondary-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:via-secondary-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:via-accent {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:via-accent-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:via-accent-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:to-transparent {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .sm\:dark\:to-current {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .sm\:dark\:to-black {
+      --tw-gradient-to: #000;
+    }
+
+    :root .sm\:dark\:to-white {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .sm\:dark\:to-gray-50 {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .sm\:dark\:to-gray-100 {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .sm\:dark\:to-gray-200 {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .sm\:dark\:to-gray-300 {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .sm\:dark\:to-gray-400 {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .sm\:dark\:to-gray-500 {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .sm\:dark\:to-gray-600 {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .sm\:dark\:to-gray-700 {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .sm\:dark\:to-gray-800 {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .sm\:dark\:to-gray-900 {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .sm\:dark\:to-red-50 {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .sm\:dark\:to-red-100 {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .sm\:dark\:to-red-200 {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .sm\:dark\:to-red-300 {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .sm\:dark\:to-red-400 {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .sm\:dark\:to-red-500 {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .sm\:dark\:to-red-600 {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .sm\:dark\:to-red-700 {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .sm\:dark\:to-red-800 {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .sm\:dark\:to-red-900 {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .sm\:dark\:to-yellow-50 {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .sm\:dark\:to-yellow-100 {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .sm\:dark\:to-yellow-200 {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .sm\:dark\:to-yellow-300 {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .sm\:dark\:to-yellow-400 {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .sm\:dark\:to-yellow-500 {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .sm\:dark\:to-yellow-600 {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .sm\:dark\:to-yellow-700 {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .sm\:dark\:to-yellow-800 {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .sm\:dark\:to-yellow-900 {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .sm\:dark\:to-green-50 {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .sm\:dark\:to-green-100 {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .sm\:dark\:to-green-200 {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .sm\:dark\:to-green-300 {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .sm\:dark\:to-green-400 {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .sm\:dark\:to-green-500 {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .sm\:dark\:to-green-600 {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .sm\:dark\:to-green-700 {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .sm\:dark\:to-green-800 {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .sm\:dark\:to-green-900 {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .sm\:dark\:to-green-apple {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .sm\:dark\:to-blue-50 {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .sm\:dark\:to-blue-100 {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .sm\:dark\:to-blue-200 {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .sm\:dark\:to-blue-300 {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .sm\:dark\:to-blue-400 {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .sm\:dark\:to-blue-500 {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .sm\:dark\:to-blue-600 {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .sm\:dark\:to-blue-700 {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .sm\:dark\:to-blue-800 {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .sm\:dark\:to-blue-900 {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .sm\:dark\:to-indigo-50 {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .sm\:dark\:to-indigo-100 {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .sm\:dark\:to-indigo-200 {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .sm\:dark\:to-indigo-300 {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .sm\:dark\:to-indigo-400 {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .sm\:dark\:to-indigo-500 {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .sm\:dark\:to-indigo-600 {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .sm\:dark\:to-indigo-700 {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .sm\:dark\:to-indigo-800 {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .sm\:dark\:to-indigo-900 {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .sm\:dark\:to-purple-50 {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .sm\:dark\:to-purple-100 {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .sm\:dark\:to-purple-200 {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .sm\:dark\:to-purple-300 {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .sm\:dark\:to-purple-400 {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .sm\:dark\:to-purple-500 {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .sm\:dark\:to-purple-600 {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .sm\:dark\:to-purple-700 {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .sm\:dark\:to-purple-800 {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .sm\:dark\:to-purple-900 {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .sm\:dark\:to-pink-50 {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .sm\:dark\:to-pink-100 {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .sm\:dark\:to-pink-200 {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .sm\:dark\:to-pink-300 {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .sm\:dark\:to-pink-400 {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .sm\:dark\:to-pink-500 {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .sm\:dark\:to-pink-600 {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .sm\:dark\:to-pink-700 {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .sm\:dark\:to-pink-800 {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .sm\:dark\:to-pink-900 {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .sm\:dark\:to-grey-100 {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .sm\:dark\:to-grey-200 {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .sm\:dark\:to-grey-300 {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .sm\:dark\:to-grey-400 {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .sm\:dark\:to-grey-500 {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .sm\:dark\:to-grey-600 {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .sm\:dark\:to-grey-700 {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .sm\:dark\:to-grey-800 {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .sm\:dark\:to-grey-900 {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .sm\:dark\:to-primary {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .sm\:dark\:to-primary-dark {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:to-primary-light {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:to-secondary {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:to-secondary-dark {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:to-secondary-light {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:to-accent {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .sm\:dark\:to-accent-dark {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:to-accent-light {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:hover\:from-transparent:hover {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-current:hover {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-black:hover {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-white:hover {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-gray-50:hover {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-gray-100:hover {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-gray-200:hover {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-gray-300:hover {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-gray-400:hover {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-gray-500:hover {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-gray-600:hover {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-gray-700:hover {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-gray-800:hover {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-gray-900:hover {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-red-50:hover {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-red-100:hover {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-red-200:hover {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-red-300:hover {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-red-400:hover {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-red-500:hover {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-red-600:hover {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-red-700:hover {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-red-800:hover {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-red-900:hover {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-yellow-50:hover {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-yellow-100:hover {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-yellow-200:hover {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-yellow-300:hover {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-yellow-400:hover {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-yellow-500:hover {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-yellow-600:hover {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-yellow-700:hover {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-yellow-800:hover {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-yellow-900:hover {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-green-50:hover {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-green-100:hover {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-green-200:hover {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-green-300:hover {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-green-400:hover {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-green-500:hover {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-green-600:hover {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-green-700:hover {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-green-800:hover {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-green-900:hover {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-green-apple:hover {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-blue-50:hover {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-blue-100:hover {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-blue-200:hover {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-blue-300:hover {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-blue-400:hover {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-blue-500:hover {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-blue-600:hover {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-blue-700:hover {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-blue-800:hover {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-blue-900:hover {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-indigo-50:hover {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-indigo-100:hover {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-indigo-200:hover {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-indigo-300:hover {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-indigo-400:hover {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-indigo-500:hover {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-indigo-600:hover {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-indigo-700:hover {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-indigo-800:hover {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-indigo-900:hover {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-purple-50:hover {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-purple-100:hover {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-purple-200:hover {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-purple-300:hover {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-purple-400:hover {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-purple-500:hover {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-purple-600:hover {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-purple-700:hover {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-purple-800:hover {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-purple-900:hover {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-pink-50:hover {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-pink-100:hover {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-pink-200:hover {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-pink-300:hover {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-pink-400:hover {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-pink-500:hover {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-pink-600:hover {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-pink-700:hover {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-pink-800:hover {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-pink-900:hover {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-grey-100:hover {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-grey-200:hover {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-grey-300:hover {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-grey-400:hover {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-grey-500:hover {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-grey-600:hover {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-grey-700:hover {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-grey-800:hover {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-grey-900:hover {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-primary:hover {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-primary-dark:hover {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-primary-light:hover {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-secondary:hover {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-secondary-dark:hover {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-secondary-light:hover {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-accent:hover {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-accent-dark:hover {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:from-accent-light:hover {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-transparent:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-current:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-black:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-white:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-gray-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-gray-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-gray-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-gray-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-gray-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-gray-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-gray-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-gray-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-gray-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-gray-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-red-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-red-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-red-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-red-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-red-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-red-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-red-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-red-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-red-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-red-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-yellow-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-yellow-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-yellow-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-yellow-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-yellow-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-yellow-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-yellow-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-yellow-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-yellow-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-yellow-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-green-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-green-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-green-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-green-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-green-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-green-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-green-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-green-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-green-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-green-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-green-apple:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-blue-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-blue-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-blue-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-blue-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-blue-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-blue-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-blue-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-blue-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-blue-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-blue-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-indigo-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-indigo-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-indigo-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-indigo-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-indigo-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-indigo-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-indigo-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-indigo-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-indigo-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-indigo-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-purple-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-purple-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-purple-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-purple-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-purple-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-purple-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-purple-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-purple-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-purple-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-purple-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-pink-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-pink-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-pink-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-pink-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-pink-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-pink-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-pink-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-pink-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-pink-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-pink-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-grey-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-grey-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-grey-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-grey-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-grey-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-grey-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-grey-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-grey-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-grey-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-primary:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-primary-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-primary-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-secondary:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-secondary-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-secondary-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-accent:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-accent-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:via-accent-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:hover\:to-transparent:hover {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .sm\:dark\:hover\:to-current:hover {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .sm\:dark\:hover\:to-black:hover {
+      --tw-gradient-to: #000;
+    }
+
+    :root .sm\:dark\:hover\:to-white:hover {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .sm\:dark\:hover\:to-gray-50:hover {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .sm\:dark\:hover\:to-gray-100:hover {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .sm\:dark\:hover\:to-gray-200:hover {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .sm\:dark\:hover\:to-gray-300:hover {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .sm\:dark\:hover\:to-gray-400:hover {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .sm\:dark\:hover\:to-gray-500:hover {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .sm\:dark\:hover\:to-gray-600:hover {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .sm\:dark\:hover\:to-gray-700:hover {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .sm\:dark\:hover\:to-gray-800:hover {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .sm\:dark\:hover\:to-gray-900:hover {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .sm\:dark\:hover\:to-red-50:hover {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .sm\:dark\:hover\:to-red-100:hover {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .sm\:dark\:hover\:to-red-200:hover {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .sm\:dark\:hover\:to-red-300:hover {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .sm\:dark\:hover\:to-red-400:hover {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .sm\:dark\:hover\:to-red-500:hover {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .sm\:dark\:hover\:to-red-600:hover {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .sm\:dark\:hover\:to-red-700:hover {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .sm\:dark\:hover\:to-red-800:hover {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .sm\:dark\:hover\:to-red-900:hover {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .sm\:dark\:hover\:to-yellow-50:hover {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .sm\:dark\:hover\:to-yellow-100:hover {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .sm\:dark\:hover\:to-yellow-200:hover {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .sm\:dark\:hover\:to-yellow-300:hover {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .sm\:dark\:hover\:to-yellow-400:hover {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .sm\:dark\:hover\:to-yellow-500:hover {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .sm\:dark\:hover\:to-yellow-600:hover {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .sm\:dark\:hover\:to-yellow-700:hover {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .sm\:dark\:hover\:to-yellow-800:hover {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .sm\:dark\:hover\:to-yellow-900:hover {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .sm\:dark\:hover\:to-green-50:hover {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .sm\:dark\:hover\:to-green-100:hover {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .sm\:dark\:hover\:to-green-200:hover {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .sm\:dark\:hover\:to-green-300:hover {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .sm\:dark\:hover\:to-green-400:hover {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .sm\:dark\:hover\:to-green-500:hover {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .sm\:dark\:hover\:to-green-600:hover {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .sm\:dark\:hover\:to-green-700:hover {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .sm\:dark\:hover\:to-green-800:hover {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .sm\:dark\:hover\:to-green-900:hover {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .sm\:dark\:hover\:to-green-apple:hover {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .sm\:dark\:hover\:to-blue-50:hover {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .sm\:dark\:hover\:to-blue-100:hover {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .sm\:dark\:hover\:to-blue-200:hover {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .sm\:dark\:hover\:to-blue-300:hover {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .sm\:dark\:hover\:to-blue-400:hover {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .sm\:dark\:hover\:to-blue-500:hover {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .sm\:dark\:hover\:to-blue-600:hover {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .sm\:dark\:hover\:to-blue-700:hover {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .sm\:dark\:hover\:to-blue-800:hover {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .sm\:dark\:hover\:to-blue-900:hover {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .sm\:dark\:hover\:to-indigo-50:hover {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .sm\:dark\:hover\:to-indigo-100:hover {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .sm\:dark\:hover\:to-indigo-200:hover {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .sm\:dark\:hover\:to-indigo-300:hover {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .sm\:dark\:hover\:to-indigo-400:hover {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .sm\:dark\:hover\:to-indigo-500:hover {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .sm\:dark\:hover\:to-indigo-600:hover {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .sm\:dark\:hover\:to-indigo-700:hover {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .sm\:dark\:hover\:to-indigo-800:hover {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .sm\:dark\:hover\:to-indigo-900:hover {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .sm\:dark\:hover\:to-purple-50:hover {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .sm\:dark\:hover\:to-purple-100:hover {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .sm\:dark\:hover\:to-purple-200:hover {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .sm\:dark\:hover\:to-purple-300:hover {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .sm\:dark\:hover\:to-purple-400:hover {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .sm\:dark\:hover\:to-purple-500:hover {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .sm\:dark\:hover\:to-purple-600:hover {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .sm\:dark\:hover\:to-purple-700:hover {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .sm\:dark\:hover\:to-purple-800:hover {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .sm\:dark\:hover\:to-purple-900:hover {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .sm\:dark\:hover\:to-pink-50:hover {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .sm\:dark\:hover\:to-pink-100:hover {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .sm\:dark\:hover\:to-pink-200:hover {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .sm\:dark\:hover\:to-pink-300:hover {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .sm\:dark\:hover\:to-pink-400:hover {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .sm\:dark\:hover\:to-pink-500:hover {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .sm\:dark\:hover\:to-pink-600:hover {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .sm\:dark\:hover\:to-pink-700:hover {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .sm\:dark\:hover\:to-pink-800:hover {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .sm\:dark\:hover\:to-pink-900:hover {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .sm\:dark\:hover\:to-grey-100:hover {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .sm\:dark\:hover\:to-grey-200:hover {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .sm\:dark\:hover\:to-grey-300:hover {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .sm\:dark\:hover\:to-grey-400:hover {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .sm\:dark\:hover\:to-grey-500:hover {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .sm\:dark\:hover\:to-grey-600:hover {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .sm\:dark\:hover\:to-grey-700:hover {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .sm\:dark\:hover\:to-grey-800:hover {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .sm\:dark\:hover\:to-grey-900:hover {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .sm\:dark\:hover\:to-primary:hover {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .sm\:dark\:hover\:to-primary-dark:hover {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:hover\:to-primary-light:hover {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:hover\:to-secondary:hover {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:hover\:to-secondary-dark:hover {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:hover\:to-secondary-light:hover {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:hover\:to-accent:hover {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .sm\:dark\:hover\:to-accent-dark:hover {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:hover\:to-accent-light:hover {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:focus\:from-transparent:focus {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-current:focus {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-black:focus {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-white:focus {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-gray-50:focus {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-gray-100:focus {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-gray-200:focus {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-gray-300:focus {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-gray-400:focus {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-gray-500:focus {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-gray-600:focus {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-gray-700:focus {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-gray-800:focus {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-gray-900:focus {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-red-50:focus {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-red-100:focus {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-red-200:focus {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-red-300:focus {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-red-400:focus {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-red-500:focus {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-red-600:focus {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-red-700:focus {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-red-800:focus {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-red-900:focus {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-yellow-50:focus {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-yellow-100:focus {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-yellow-200:focus {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-yellow-300:focus {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-yellow-400:focus {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-yellow-500:focus {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-yellow-600:focus {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-yellow-700:focus {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-yellow-800:focus {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-yellow-900:focus {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-green-50:focus {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-green-100:focus {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-green-200:focus {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-green-300:focus {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-green-400:focus {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-green-500:focus {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-green-600:focus {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-green-700:focus {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-green-800:focus {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-green-900:focus {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-green-apple:focus {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-blue-50:focus {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-blue-100:focus {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-blue-200:focus {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-blue-300:focus {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-blue-400:focus {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-blue-500:focus {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-blue-600:focus {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-blue-700:focus {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-blue-800:focus {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-blue-900:focus {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-indigo-50:focus {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-indigo-100:focus {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-indigo-200:focus {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-indigo-300:focus {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-indigo-400:focus {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-indigo-500:focus {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-indigo-600:focus {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-indigo-700:focus {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-indigo-800:focus {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-indigo-900:focus {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-purple-50:focus {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-purple-100:focus {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-purple-200:focus {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-purple-300:focus {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-purple-400:focus {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-purple-500:focus {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-purple-600:focus {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-purple-700:focus {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-purple-800:focus {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-purple-900:focus {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-pink-50:focus {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-pink-100:focus {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-pink-200:focus {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-pink-300:focus {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-pink-400:focus {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-pink-500:focus {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-pink-600:focus {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-pink-700:focus {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-pink-800:focus {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-pink-900:focus {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-grey-100:focus {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-grey-200:focus {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-grey-300:focus {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-grey-400:focus {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-grey-500:focus {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-grey-600:focus {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-grey-700:focus {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-grey-800:focus {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-grey-900:focus {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-primary:focus {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-primary-dark:focus {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-primary-light:focus {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-secondary:focus {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-secondary-dark:focus {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-secondary-light:focus {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-accent:focus {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-accent-dark:focus {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:from-accent-light:focus {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-transparent:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-current:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-black:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-white:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-gray-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-gray-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-gray-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-gray-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-gray-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-gray-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-gray-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-gray-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-gray-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-gray-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-red-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-red-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-red-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-red-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-red-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-red-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-red-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-red-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-red-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-red-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-yellow-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-yellow-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-yellow-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-yellow-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-yellow-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-yellow-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-yellow-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-yellow-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-yellow-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-yellow-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-green-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-green-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-green-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-green-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-green-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-green-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-green-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-green-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-green-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-green-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-green-apple:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-blue-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-blue-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-blue-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-blue-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-blue-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-blue-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-blue-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-blue-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-blue-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-blue-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-indigo-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-indigo-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-indigo-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-indigo-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-indigo-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-indigo-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-indigo-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-indigo-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-indigo-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-indigo-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-purple-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-purple-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-purple-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-purple-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-purple-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-purple-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-purple-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-purple-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-purple-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-purple-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-pink-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-pink-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-pink-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-pink-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-pink-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-pink-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-pink-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-pink-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-pink-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-pink-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-grey-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-grey-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-grey-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-grey-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-grey-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-grey-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-grey-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-grey-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-grey-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-primary:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-primary-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-primary-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-secondary:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-secondary-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-secondary-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-accent:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-accent-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:via-accent-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .sm\:dark\:focus\:to-transparent:focus {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .sm\:dark\:focus\:to-current:focus {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .sm\:dark\:focus\:to-black:focus {
+      --tw-gradient-to: #000;
+    }
+
+    :root .sm\:dark\:focus\:to-white:focus {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .sm\:dark\:focus\:to-gray-50:focus {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .sm\:dark\:focus\:to-gray-100:focus {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .sm\:dark\:focus\:to-gray-200:focus {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .sm\:dark\:focus\:to-gray-300:focus {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .sm\:dark\:focus\:to-gray-400:focus {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .sm\:dark\:focus\:to-gray-500:focus {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .sm\:dark\:focus\:to-gray-600:focus {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .sm\:dark\:focus\:to-gray-700:focus {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .sm\:dark\:focus\:to-gray-800:focus {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .sm\:dark\:focus\:to-gray-900:focus {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .sm\:dark\:focus\:to-red-50:focus {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .sm\:dark\:focus\:to-red-100:focus {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .sm\:dark\:focus\:to-red-200:focus {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .sm\:dark\:focus\:to-red-300:focus {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .sm\:dark\:focus\:to-red-400:focus {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .sm\:dark\:focus\:to-red-500:focus {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .sm\:dark\:focus\:to-red-600:focus {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .sm\:dark\:focus\:to-red-700:focus {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .sm\:dark\:focus\:to-red-800:focus {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .sm\:dark\:focus\:to-red-900:focus {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .sm\:dark\:focus\:to-yellow-50:focus {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .sm\:dark\:focus\:to-yellow-100:focus {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .sm\:dark\:focus\:to-yellow-200:focus {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .sm\:dark\:focus\:to-yellow-300:focus {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .sm\:dark\:focus\:to-yellow-400:focus {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .sm\:dark\:focus\:to-yellow-500:focus {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .sm\:dark\:focus\:to-yellow-600:focus {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .sm\:dark\:focus\:to-yellow-700:focus {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .sm\:dark\:focus\:to-yellow-800:focus {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .sm\:dark\:focus\:to-yellow-900:focus {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .sm\:dark\:focus\:to-green-50:focus {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .sm\:dark\:focus\:to-green-100:focus {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .sm\:dark\:focus\:to-green-200:focus {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .sm\:dark\:focus\:to-green-300:focus {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .sm\:dark\:focus\:to-green-400:focus {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .sm\:dark\:focus\:to-green-500:focus {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .sm\:dark\:focus\:to-green-600:focus {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .sm\:dark\:focus\:to-green-700:focus {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .sm\:dark\:focus\:to-green-800:focus {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .sm\:dark\:focus\:to-green-900:focus {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .sm\:dark\:focus\:to-green-apple:focus {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .sm\:dark\:focus\:to-blue-50:focus {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .sm\:dark\:focus\:to-blue-100:focus {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .sm\:dark\:focus\:to-blue-200:focus {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .sm\:dark\:focus\:to-blue-300:focus {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .sm\:dark\:focus\:to-blue-400:focus {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .sm\:dark\:focus\:to-blue-500:focus {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .sm\:dark\:focus\:to-blue-600:focus {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .sm\:dark\:focus\:to-blue-700:focus {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .sm\:dark\:focus\:to-blue-800:focus {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .sm\:dark\:focus\:to-blue-900:focus {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .sm\:dark\:focus\:to-indigo-50:focus {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .sm\:dark\:focus\:to-indigo-100:focus {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .sm\:dark\:focus\:to-indigo-200:focus {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .sm\:dark\:focus\:to-indigo-300:focus {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .sm\:dark\:focus\:to-indigo-400:focus {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .sm\:dark\:focus\:to-indigo-500:focus {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .sm\:dark\:focus\:to-indigo-600:focus {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .sm\:dark\:focus\:to-indigo-700:focus {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .sm\:dark\:focus\:to-indigo-800:focus {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .sm\:dark\:focus\:to-indigo-900:focus {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .sm\:dark\:focus\:to-purple-50:focus {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .sm\:dark\:focus\:to-purple-100:focus {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .sm\:dark\:focus\:to-purple-200:focus {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .sm\:dark\:focus\:to-purple-300:focus {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .sm\:dark\:focus\:to-purple-400:focus {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .sm\:dark\:focus\:to-purple-500:focus {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .sm\:dark\:focus\:to-purple-600:focus {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .sm\:dark\:focus\:to-purple-700:focus {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .sm\:dark\:focus\:to-purple-800:focus {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .sm\:dark\:focus\:to-purple-900:focus {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .sm\:dark\:focus\:to-pink-50:focus {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .sm\:dark\:focus\:to-pink-100:focus {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .sm\:dark\:focus\:to-pink-200:focus {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .sm\:dark\:focus\:to-pink-300:focus {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .sm\:dark\:focus\:to-pink-400:focus {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .sm\:dark\:focus\:to-pink-500:focus {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .sm\:dark\:focus\:to-pink-600:focus {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .sm\:dark\:focus\:to-pink-700:focus {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .sm\:dark\:focus\:to-pink-800:focus {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .sm\:dark\:focus\:to-pink-900:focus {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .sm\:dark\:focus\:to-grey-100:focus {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .sm\:dark\:focus\:to-grey-200:focus {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .sm\:dark\:focus\:to-grey-300:focus {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .sm\:dark\:focus\:to-grey-400:focus {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .sm\:dark\:focus\:to-grey-500:focus {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .sm\:dark\:focus\:to-grey-600:focus {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .sm\:dark\:focus\:to-grey-700:focus {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .sm\:dark\:focus\:to-grey-800:focus {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .sm\:dark\:focus\:to-grey-900:focus {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .sm\:dark\:focus\:to-primary:focus {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .sm\:dark\:focus\:to-primary-dark:focus {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:focus\:to-primary-light:focus {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:focus\:to-secondary:focus {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:focus\:to-secondary-dark:focus {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:focus\:to-secondary-light:focus {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:focus\:to-accent:focus {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .sm\:dark\:focus\:to-accent-dark:focus {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:focus\:to-accent-light:focus {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:border-transparent {
+      border-color: transparent;
+    }
+
+    :root .sm\:dark\:border-current {
+      border-color: currentColor;
+    }
+
+    :root .sm\:dark\:border-black {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-white {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-gray-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-gray-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-gray-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-gray-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-gray-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-gray-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-gray-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-gray-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-gray-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-gray-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-red-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-red-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-red-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-red-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-red-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-red-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-red-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-red-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-red-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-red-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-yellow-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-yellow-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-yellow-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-yellow-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-yellow-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-yellow-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-yellow-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-yellow-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-yellow-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-yellow-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-green-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-green-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-green-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-green-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-green-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-green-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-green-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-green-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-green-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-green-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-green-apple {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-blue-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-blue-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-blue-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-blue-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-blue-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-blue-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-blue-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-blue-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-blue-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-blue-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-indigo-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-indigo-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-indigo-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-indigo-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-indigo-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-indigo-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-indigo-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-indigo-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-indigo-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-indigo-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-purple-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-purple-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-purple-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-purple-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-purple-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-purple-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-purple-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-purple-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-purple-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-purple-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-pink-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-pink-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-pink-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-pink-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-pink-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-pink-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-pink-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-pink-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-pink-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-pink-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-grey-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-grey-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-grey-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-grey-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-grey-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-grey-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-grey-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-grey-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-grey-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:border-primary {
+      border-color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:border-primary-dark {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:border-primary-light {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:border-secondary {
+      border-color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:border-secondary-dark {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:border-secondary-light {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:border-accent {
+      border-color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:border-accent-dark {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:border-accent-light {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-transparent {
+      border-color: transparent;
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-current {
+      border-color: currentColor;
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-black {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-white {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-gray-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-gray-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-gray-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-gray-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-gray-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-gray-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-gray-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-gray-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-gray-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-gray-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-red-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-red-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-red-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-red-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-red-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-red-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-red-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-red-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-red-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-red-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-yellow-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-yellow-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-yellow-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-yellow-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-yellow-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-yellow-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-yellow-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-yellow-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-yellow-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-yellow-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-green-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-green-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-green-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-green-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-green-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-green-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-green-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-green-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-green-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-green-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-green-apple {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-blue-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-blue-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-blue-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-blue-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-blue-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-blue-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-blue-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-blue-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-blue-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-blue-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-indigo-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-indigo-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-indigo-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-indigo-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-indigo-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-indigo-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-indigo-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-indigo-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-indigo-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-indigo-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-purple-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-purple-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-purple-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-purple-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-purple-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-purple-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-purple-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-purple-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-purple-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-purple-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-pink-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-pink-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-pink-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-pink-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-pink-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-pink-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-pink-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-pink-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-pink-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-pink-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-grey-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-grey-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-grey-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-grey-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-grey-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-grey-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-grey-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-grey-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-grey-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-primary {
+      border-color: var(--color-primary);
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-primary-dark {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-primary-light {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-secondary {
+      border-color: var(--color-secondary);
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-secondary-dark {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-secondary-light {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-accent {
+      border-color: var(--color-accent);
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-accent-dark {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .group:hover .sm\:dark\:group-hover\:border-accent-light {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:focus-within\:border-transparent:focus-within {
+      border-color: transparent;
+    }
+
+    :root .sm\:dark\:focus-within\:border-current:focus-within {
+      border-color: currentColor;
+    }
+
+    :root .sm\:dark\:focus-within\:border-black:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-white:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-gray-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-gray-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-gray-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-gray-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-gray-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-gray-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-gray-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-gray-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-gray-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-gray-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-red-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-red-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-red-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-red-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-red-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-red-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-red-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-red-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-red-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-red-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-yellow-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-yellow-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-yellow-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-yellow-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-yellow-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-yellow-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-yellow-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-yellow-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-yellow-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-yellow-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-green-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-green-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-green-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-green-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-green-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-green-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-green-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-green-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-green-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-green-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-green-apple:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-blue-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-blue-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-blue-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-blue-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-blue-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-blue-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-blue-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-blue-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-blue-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-blue-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-indigo-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-indigo-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-indigo-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-indigo-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-indigo-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-indigo-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-indigo-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-indigo-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-indigo-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-indigo-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-purple-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-purple-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-purple-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-purple-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-purple-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-purple-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-purple-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-purple-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-purple-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-purple-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-pink-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-pink-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-pink-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-pink-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-pink-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-pink-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-pink-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-pink-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-pink-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-pink-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-grey-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-grey-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-grey-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-grey-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-grey-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-grey-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-grey-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-grey-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-grey-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:border-primary:focus-within {
+      border-color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:focus-within\:border-primary-dark:focus-within {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:focus-within\:border-primary-light:focus-within {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:focus-within\:border-secondary:focus-within {
+      border-color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:focus-within\:border-secondary-dark:focus-within {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:focus-within\:border-secondary-light:focus-within {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:focus-within\:border-accent:focus-within {
+      border-color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:focus-within\:border-accent-dark:focus-within {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:focus-within\:border-accent-light:focus-within {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:hover\:border-transparent:hover {
+      border-color: transparent;
+    }
+
+    :root .sm\:dark\:hover\:border-current:hover {
+      border-color: currentColor;
+    }
+
+    :root .sm\:dark\:hover\:border-black:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-white:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-gray-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-gray-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-gray-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-gray-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-gray-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-gray-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-gray-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-gray-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-gray-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-gray-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-red-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-red-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-red-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-red-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-red-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-red-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-red-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-red-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-red-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-red-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-yellow-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-yellow-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-yellow-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-yellow-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-yellow-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-yellow-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-yellow-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-yellow-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-yellow-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-yellow-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-green-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-green-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-green-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-green-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-green-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-green-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-green-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-green-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-green-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-green-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-green-apple:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-blue-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-blue-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-blue-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-blue-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-blue-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-blue-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-blue-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-blue-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-blue-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-blue-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-indigo-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-indigo-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-indigo-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-indigo-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-indigo-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-indigo-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-indigo-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-indigo-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-indigo-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-indigo-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-purple-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-purple-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-purple-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-purple-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-purple-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-purple-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-purple-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-purple-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-purple-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-purple-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-pink-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-pink-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-pink-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-pink-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-pink-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-pink-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-pink-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-pink-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-pink-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-pink-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-grey-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-grey-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-grey-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-grey-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-grey-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-grey-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-grey-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-grey-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-grey-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:hover\:border-primary:hover {
+      border-color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:hover\:border-primary-dark:hover {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:hover\:border-primary-light:hover {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:hover\:border-secondary:hover {
+      border-color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:hover\:border-secondary-dark:hover {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:hover\:border-secondary-light:hover {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:hover\:border-accent:hover {
+      border-color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:hover\:border-accent-dark:hover {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:hover\:border-accent-light:hover {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:focus\:border-transparent:focus {
+      border-color: transparent;
+    }
+
+    :root .sm\:dark\:focus\:border-current:focus {
+      border-color: currentColor;
+    }
+
+    :root .sm\:dark\:focus\:border-black:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-white:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-gray-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-gray-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-gray-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-gray-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-gray-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-gray-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-gray-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-gray-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-gray-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-gray-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-red-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-red-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-red-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-red-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-red-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-red-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-red-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-red-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-red-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-red-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-yellow-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-yellow-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-yellow-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-yellow-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-yellow-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-yellow-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-yellow-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-yellow-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-yellow-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-yellow-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-green-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-green-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-green-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-green-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-green-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-green-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-green-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-green-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-green-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-green-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-green-apple:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-blue-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-blue-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-blue-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-blue-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-blue-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-blue-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-blue-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-blue-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-blue-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-blue-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-indigo-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-indigo-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-indigo-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-indigo-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-indigo-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-indigo-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-indigo-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-indigo-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-indigo-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-indigo-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-purple-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-purple-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-purple-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-purple-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-purple-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-purple-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-purple-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-purple-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-purple-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-purple-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-pink-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-pink-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-pink-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-pink-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-pink-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-pink-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-pink-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-pink-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-pink-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-pink-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-grey-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-grey-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-grey-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-grey-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-grey-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-grey-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-grey-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-grey-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-grey-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .sm\:dark\:focus\:border-primary:focus {
+      border-color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:focus\:border-primary-dark:focus {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:focus\:border-primary-light:focus {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:focus\:border-secondary:focus {
+      border-color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:focus\:border-secondary-dark:focus {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:focus\:border-secondary-light:focus {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:focus\:border-accent:focus {
+      border-color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:focus\:border-accent-dark:focus {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:focus\:border-accent-light:focus {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:placeholder-transparent::-moz-placeholder {
+      color: transparent;
+    }
+
+    :root .sm\:dark\:placeholder-transparent:-ms-input-placeholder {
+      color: transparent;
+    }
+
+    :root .sm\:dark\:placeholder-transparent::placeholder {
+      color: transparent;
+    }
+
+    :root .sm\:dark\:placeholder-current::-moz-placeholder {
+      color: currentColor;
+    }
+
+    :root .sm\:dark\:placeholder-current:-ms-input-placeholder {
+      color: currentColor;
+    }
+
+    :root .sm\:dark\:placeholder-current::placeholder {
+      color: currentColor;
+    }
+
+    :root .sm\:dark\:placeholder-black::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-black:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-black::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-white::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-white:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-white::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-gray-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-red-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-yellow-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-apple::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-apple:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-green-apple::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-blue-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-indigo-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-purple-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-pink-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-grey-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:placeholder-primary::-moz-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:placeholder-primary:-ms-input-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:placeholder-primary::placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:placeholder-primary-dark::-moz-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:placeholder-primary-dark:-ms-input-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:placeholder-primary-dark::placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:placeholder-primary-light::-moz-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:placeholder-primary-light:-ms-input-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:placeholder-primary-light::placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:placeholder-secondary::-moz-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:placeholder-secondary:-ms-input-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:placeholder-secondary::placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:placeholder-secondary-dark::-moz-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:placeholder-secondary-dark:-ms-input-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:placeholder-secondary-dark::placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:placeholder-secondary-light::-moz-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:placeholder-secondary-light:-ms-input-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:placeholder-secondary-light::placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:placeholder-accent::-moz-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:placeholder-accent:-ms-input-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:placeholder-accent::placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:placeholder-accent-dark::-moz-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:placeholder-accent-dark:-ms-input-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:placeholder-accent-dark::placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:placeholder-accent-light::-moz-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:placeholder-accent-light:-ms-input-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:placeholder-accent-light::placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-transparent:focus::-moz-placeholder {
+      color: transparent;
+    }
+
+    :root .sm\:dark\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+      color: transparent;
+    }
+
+    :root .sm\:dark\:focus\:placeholder-transparent:focus::placeholder {
+      color: transparent;
+    }
+
+    :root .sm\:dark\:focus\:placeholder-current:focus::-moz-placeholder {
+      color: currentColor;
+    }
+
+    :root .sm\:dark\:focus\:placeholder-current:focus:-ms-input-placeholder {
+      color: currentColor;
+    }
+
+    :root .sm\:dark\:focus\:placeholder-current:focus::placeholder {
+      color: currentColor;
+    }
+
+    :root .sm\:dark\:focus\:placeholder-black:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-black:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-black:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-white:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-white:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-white:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-gray-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-red-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-yellow-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-apple:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-apple:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-green-apple:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-blue-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-indigo-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-purple-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-pink-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-grey-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .sm\:dark\:focus\:placeholder-primary:focus::-moz-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-primary:focus:-ms-input-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-primary:focus::placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-primary-dark:focus::-moz-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-primary-dark:focus:-ms-input-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-primary-dark:focus::placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-primary-light:focus::-moz-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-primary-light:focus:-ms-input-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-primary-light:focus::placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-secondary:focus::-moz-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-secondary:focus:-ms-input-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-secondary:focus::placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-secondary-dark:focus::-moz-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-secondary-dark:focus:-ms-input-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-secondary-dark:focus::placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-secondary-light:focus::-moz-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-secondary-light:focus:-ms-input-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-secondary-light:focus::placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-accent:focus::-moz-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-accent:focus:-ms-input-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-accent:focus::placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-accent-dark:focus::-moz-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-accent-dark:focus:-ms-input-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-accent-dark:focus::placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-accent-light:focus::-moz-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-accent-light:focus:-ms-input-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:focus\:placeholder-accent-light:focus::placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:ring-offset-transparent {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .sm\:dark\:ring-offset-current {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .sm\:dark\:ring-offset-black {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .sm\:dark\:ring-offset-white {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .sm\:dark\:ring-offset-gray-50 {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .sm\:dark\:ring-offset-gray-100 {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .sm\:dark\:ring-offset-gray-200 {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .sm\:dark\:ring-offset-gray-300 {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .sm\:dark\:ring-offset-gray-400 {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .sm\:dark\:ring-offset-gray-500 {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .sm\:dark\:ring-offset-gray-600 {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .sm\:dark\:ring-offset-gray-700 {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .sm\:dark\:ring-offset-gray-800 {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .sm\:dark\:ring-offset-gray-900 {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .sm\:dark\:ring-offset-red-50 {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .sm\:dark\:ring-offset-red-100 {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .sm\:dark\:ring-offset-red-200 {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .sm\:dark\:ring-offset-red-300 {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .sm\:dark\:ring-offset-red-400 {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .sm\:dark\:ring-offset-red-500 {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .sm\:dark\:ring-offset-red-600 {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .sm\:dark\:ring-offset-red-700 {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .sm\:dark\:ring-offset-red-800 {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .sm\:dark\:ring-offset-red-900 {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .sm\:dark\:ring-offset-yellow-50 {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .sm\:dark\:ring-offset-yellow-100 {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .sm\:dark\:ring-offset-yellow-200 {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .sm\:dark\:ring-offset-yellow-300 {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .sm\:dark\:ring-offset-yellow-400 {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .sm\:dark\:ring-offset-yellow-500 {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .sm\:dark\:ring-offset-yellow-600 {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .sm\:dark\:ring-offset-yellow-700 {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .sm\:dark\:ring-offset-yellow-800 {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .sm\:dark\:ring-offset-yellow-900 {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .sm\:dark\:ring-offset-green-50 {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .sm\:dark\:ring-offset-green-100 {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .sm\:dark\:ring-offset-green-200 {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .sm\:dark\:ring-offset-green-300 {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .sm\:dark\:ring-offset-green-400 {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .sm\:dark\:ring-offset-green-500 {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .sm\:dark\:ring-offset-green-600 {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .sm\:dark\:ring-offset-green-700 {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .sm\:dark\:ring-offset-green-800 {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .sm\:dark\:ring-offset-green-900 {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .sm\:dark\:ring-offset-green-apple {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .sm\:dark\:ring-offset-blue-50 {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .sm\:dark\:ring-offset-blue-100 {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .sm\:dark\:ring-offset-blue-200 {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .sm\:dark\:ring-offset-blue-300 {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .sm\:dark\:ring-offset-blue-400 {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .sm\:dark\:ring-offset-blue-500 {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .sm\:dark\:ring-offset-blue-600 {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .sm\:dark\:ring-offset-blue-700 {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .sm\:dark\:ring-offset-blue-800 {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .sm\:dark\:ring-offset-blue-900 {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .sm\:dark\:ring-offset-indigo-50 {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .sm\:dark\:ring-offset-indigo-100 {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .sm\:dark\:ring-offset-indigo-200 {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .sm\:dark\:ring-offset-indigo-300 {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .sm\:dark\:ring-offset-indigo-400 {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .sm\:dark\:ring-offset-indigo-500 {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .sm\:dark\:ring-offset-indigo-600 {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .sm\:dark\:ring-offset-indigo-700 {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .sm\:dark\:ring-offset-indigo-800 {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .sm\:dark\:ring-offset-indigo-900 {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .sm\:dark\:ring-offset-purple-50 {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .sm\:dark\:ring-offset-purple-100 {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .sm\:dark\:ring-offset-purple-200 {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .sm\:dark\:ring-offset-purple-300 {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .sm\:dark\:ring-offset-purple-400 {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .sm\:dark\:ring-offset-purple-500 {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .sm\:dark\:ring-offset-purple-600 {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .sm\:dark\:ring-offset-purple-700 {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .sm\:dark\:ring-offset-purple-800 {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .sm\:dark\:ring-offset-purple-900 {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .sm\:dark\:ring-offset-pink-50 {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .sm\:dark\:ring-offset-pink-100 {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .sm\:dark\:ring-offset-pink-200 {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .sm\:dark\:ring-offset-pink-300 {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .sm\:dark\:ring-offset-pink-400 {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .sm\:dark\:ring-offset-pink-500 {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .sm\:dark\:ring-offset-pink-600 {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .sm\:dark\:ring-offset-pink-700 {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .sm\:dark\:ring-offset-pink-800 {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .sm\:dark\:ring-offset-pink-900 {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .sm\:dark\:ring-offset-grey-100 {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .sm\:dark\:ring-offset-grey-200 {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .sm\:dark\:ring-offset-grey-300 {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .sm\:dark\:ring-offset-grey-400 {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .sm\:dark\:ring-offset-grey-500 {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .sm\:dark\:ring-offset-grey-600 {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .sm\:dark\:ring-offset-grey-700 {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .sm\:dark\:ring-offset-grey-800 {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .sm\:dark\:ring-offset-grey-900 {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .sm\:dark\:ring-offset-primary {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:ring-offset-primary-dark {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:ring-offset-primary-light {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:ring-offset-secondary {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:ring-offset-secondary-dark {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:ring-offset-secondary-light {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:ring-offset-accent {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:ring-offset-accent-dark {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:ring-offset-accent-light {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-transparent:focus-within {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-current:focus-within {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-black:focus-within {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-white:focus-within {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-gray-50:focus-within {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-gray-100:focus-within {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-gray-200:focus-within {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-gray-300:focus-within {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-gray-400:focus-within {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-gray-500:focus-within {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-gray-600:focus-within {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-gray-700:focus-within {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-gray-800:focus-within {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-gray-900:focus-within {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-red-50:focus-within {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-red-100:focus-within {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-red-200:focus-within {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-red-300:focus-within {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-red-400:focus-within {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-red-500:focus-within {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-red-600:focus-within {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-red-700:focus-within {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-red-800:focus-within {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-red-900:focus-within {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-yellow-50:focus-within {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-yellow-100:focus-within {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-yellow-200:focus-within {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-yellow-300:focus-within {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-yellow-400:focus-within {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-yellow-500:focus-within {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-yellow-600:focus-within {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-yellow-700:focus-within {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-yellow-800:focus-within {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-yellow-900:focus-within {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-green-50:focus-within {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-green-100:focus-within {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-green-200:focus-within {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-green-300:focus-within {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-green-400:focus-within {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-green-500:focus-within {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-green-600:focus-within {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-green-700:focus-within {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-green-800:focus-within {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-green-900:focus-within {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-green-apple:focus-within {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-blue-50:focus-within {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-blue-100:focus-within {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-blue-200:focus-within {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-blue-300:focus-within {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-blue-400:focus-within {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-blue-500:focus-within {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-blue-600:focus-within {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-blue-700:focus-within {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-blue-800:focus-within {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-blue-900:focus-within {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-indigo-50:focus-within {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-indigo-100:focus-within {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-indigo-200:focus-within {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-indigo-300:focus-within {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-indigo-400:focus-within {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-indigo-500:focus-within {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-indigo-600:focus-within {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-indigo-700:focus-within {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-indigo-800:focus-within {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-indigo-900:focus-within {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-purple-50:focus-within {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-purple-100:focus-within {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-purple-200:focus-within {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-purple-300:focus-within {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-purple-400:focus-within {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-purple-500:focus-within {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-purple-600:focus-within {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-purple-700:focus-within {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-purple-800:focus-within {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-purple-900:focus-within {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-pink-50:focus-within {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-pink-100:focus-within {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-pink-200:focus-within {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-pink-300:focus-within {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-pink-400:focus-within {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-pink-500:focus-within {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-pink-600:focus-within {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-pink-700:focus-within {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-pink-800:focus-within {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-pink-900:focus-within {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-grey-100:focus-within {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-grey-200:focus-within {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-grey-300:focus-within {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-grey-400:focus-within {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-grey-500:focus-within {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-grey-600:focus-within {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-grey-700:focus-within {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-grey-800:focus-within {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-grey-900:focus-within {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-primary:focus-within {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-primary-dark:focus-within {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-primary-light:focus-within {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-secondary:focus-within {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-secondary-dark:focus-within {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-secondary-light:focus-within {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-accent:focus-within {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-accent-dark:focus-within {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-offset-accent-light:focus-within {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-transparent:focus {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-current:focus {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-black:focus {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-white:focus {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-gray-50:focus {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-gray-100:focus {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-gray-200:focus {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-gray-300:focus {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-gray-400:focus {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-gray-500:focus {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-gray-600:focus {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-gray-700:focus {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-gray-800:focus {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-gray-900:focus {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-red-50:focus {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-red-100:focus {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-red-200:focus {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-red-300:focus {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-red-400:focus {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-red-500:focus {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-red-600:focus {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-red-700:focus {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-red-800:focus {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-red-900:focus {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-yellow-50:focus {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-yellow-100:focus {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-yellow-200:focus {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-yellow-300:focus {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-yellow-400:focus {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-yellow-500:focus {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-yellow-600:focus {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-yellow-700:focus {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-yellow-800:focus {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-yellow-900:focus {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-green-50:focus {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-green-100:focus {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-green-200:focus {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-green-300:focus {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-green-400:focus {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-green-500:focus {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-green-600:focus {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-green-700:focus {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-green-800:focus {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-green-900:focus {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-green-apple:focus {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-blue-50:focus {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-blue-100:focus {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-blue-200:focus {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-blue-300:focus {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-blue-400:focus {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-blue-500:focus {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-blue-600:focus {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-blue-700:focus {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-blue-800:focus {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-blue-900:focus {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-indigo-50:focus {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-indigo-100:focus {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-indigo-200:focus {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-indigo-300:focus {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-indigo-400:focus {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-indigo-500:focus {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-indigo-600:focus {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-indigo-700:focus {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-indigo-800:focus {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-indigo-900:focus {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-purple-50:focus {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-purple-100:focus {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-purple-200:focus {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-purple-300:focus {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-purple-400:focus {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-purple-500:focus {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-purple-600:focus {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-purple-700:focus {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-purple-800:focus {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-purple-900:focus {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-pink-50:focus {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-pink-100:focus {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-pink-200:focus {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-pink-300:focus {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-pink-400:focus {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-pink-500:focus {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-pink-600:focus {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-pink-700:focus {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-pink-800:focus {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-pink-900:focus {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-grey-100:focus {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-grey-200:focus {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-grey-300:focus {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-grey-400:focus {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-grey-500:focus {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-grey-600:focus {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-grey-700:focus {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-grey-800:focus {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-grey-900:focus {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-primary:focus {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-primary-dark:focus {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-primary-light:focus {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-secondary:focus {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-secondary-dark:focus {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-secondary-light:focus {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-accent:focus {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-accent-dark:focus {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:focus\:ring-offset-accent-light:focus {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:ring-transparent {
+      --tw-ring-color: transparent;
+    }
+
+    :root .sm\:dark\:ring-current {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .sm\:dark\:ring-black {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-white {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-gray-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-gray-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-gray-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-gray-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-gray-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-gray-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-gray-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-gray-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-gray-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-gray-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-red-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-red-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-red-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-red-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-red-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-red-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-red-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-red-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-red-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-red-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-yellow-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-yellow-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-yellow-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-yellow-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-yellow-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-yellow-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-yellow-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-yellow-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-yellow-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-yellow-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-green-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-green-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-green-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-green-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-green-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-green-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-green-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-green-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-green-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-green-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-green-apple {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-blue-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-blue-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-blue-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-blue-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-blue-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-blue-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-blue-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-blue-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-blue-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-blue-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-indigo-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-indigo-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-indigo-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-indigo-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-indigo-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-indigo-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-indigo-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-indigo-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-indigo-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-indigo-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-purple-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-purple-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-purple-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-purple-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-purple-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-purple-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-purple-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-purple-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-purple-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-purple-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-pink-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-pink-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-pink-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-pink-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-pink-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-pink-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-pink-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-pink-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-pink-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-pink-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-grey-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-grey-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-grey-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-grey-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-grey-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-grey-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-grey-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-grey-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-grey-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:ring-primary {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:ring-primary-dark {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:ring-primary-light {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:ring-secondary {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:ring-secondary-dark {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:ring-secondary-light {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:ring-accent {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:ring-accent-dark {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:ring-accent-light {
+      --tw-ring-color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-transparent:focus-within {
+      --tw-ring-color: transparent;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-current:focus-within {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .sm\:dark\:focus-within\:ring-black:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-white:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-gray-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-gray-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-gray-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-gray-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-gray-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-gray-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-gray-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-gray-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-gray-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-gray-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-red-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-red-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-red-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-red-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-red-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-red-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-red-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-red-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-red-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-red-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-yellow-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-yellow-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-yellow-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-yellow-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-yellow-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-yellow-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-yellow-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-yellow-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-yellow-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-yellow-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-green-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-green-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-green-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-green-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-green-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-green-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-green-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-green-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-green-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-green-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-green-apple:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-blue-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-blue-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-blue-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-blue-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-blue-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-blue-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-blue-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-blue-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-blue-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-blue-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-indigo-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-indigo-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-indigo-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-indigo-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-indigo-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-indigo-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-indigo-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-indigo-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-indigo-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-indigo-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-purple-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-purple-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-purple-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-purple-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-purple-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-purple-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-purple-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-purple-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-purple-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-purple-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-pink-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-pink-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-pink-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-pink-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-pink-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-pink-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-pink-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-pink-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-pink-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-pink-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-grey-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-grey-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-grey-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-grey-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-grey-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-grey-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-grey-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-grey-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-grey-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus-within\:ring-primary:focus-within {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-primary-dark:focus-within {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-primary-light:focus-within {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-secondary:focus-within {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-secondary-dark:focus-within {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-secondary-light:focus-within {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-accent:focus-within {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-accent-dark:focus-within {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:focus-within\:ring-accent-light:focus-within {
+      --tw-ring-color: var(--color-accent-light);
+    }
+
+    :root .sm\:dark\:focus\:ring-transparent:focus {
+      --tw-ring-color: transparent;
+    }
+
+    :root .sm\:dark\:focus\:ring-current:focus {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .sm\:dark\:focus\:ring-black:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-white:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-gray-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-gray-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-gray-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-gray-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-gray-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-gray-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-gray-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-gray-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-gray-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-gray-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-red-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-red-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-red-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-red-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-red-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-red-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-red-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-red-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-red-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-red-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-yellow-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-yellow-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-yellow-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-yellow-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-yellow-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-yellow-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-yellow-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-yellow-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-yellow-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-yellow-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-green-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-green-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-green-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-green-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-green-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-green-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-green-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-green-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-green-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-green-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-green-apple:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-blue-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-blue-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-blue-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-blue-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-blue-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-blue-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-blue-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-blue-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-blue-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-blue-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-indigo-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-indigo-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-indigo-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-indigo-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-indigo-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-indigo-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-indigo-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-indigo-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-indigo-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-indigo-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-purple-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-purple-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-purple-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-purple-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-purple-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-purple-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-purple-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-purple-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-purple-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-purple-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-pink-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-pink-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-pink-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-pink-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-pink-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-pink-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-pink-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-pink-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-pink-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-pink-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-grey-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-grey-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-grey-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-grey-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-grey-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-grey-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-grey-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-grey-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-grey-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .sm\:dark\:focus\:ring-primary:focus {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .sm\:dark\:focus\:ring-primary-dark:focus {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .sm\:dark\:focus\:ring-primary-light:focus {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .sm\:dark\:focus\:ring-secondary:focus {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .sm\:dark\:focus\:ring-secondary-dark:focus {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .sm\:dark\:focus\:ring-secondary-light:focus {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .sm\:dark\:focus\:ring-accent:focus {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .sm\:dark\:focus\:ring-accent-dark:focus {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .sm\:dark\:focus\:ring-accent-light:focus {
+      --tw-ring-color: var(--color-accent-light);
+    }
+  }
+
+  @media (min-width: 768px) {
+    :root .md\:dark\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+      border-color: transparent;
+    }
+
+    :root .md\:dark\:divide-current > :not([hidden]) ~ :not([hidden]) {
+      border-color: currentColor;
+    }
+
+    :root .md\:dark\:divide-black > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-white > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-green-apple > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-grey-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-grey-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-grey-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-grey-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-grey-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-grey-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-grey-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-grey-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-grey-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-divide-opacity));
+    }
+
+    :root .md\:dark\:divide-primary > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary);
+    }
+
+    :root .md\:dark\:divide-primary-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:divide-primary-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:divide-secondary > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:divide-secondary-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:divide-secondary-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:divide-accent > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent);
+    }
+
+    :root .md\:dark\:divide-accent-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:divide-accent-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:from-transparent {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .md\:dark\:from-current {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:from-black {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .md\:dark\:from-white {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:from-gray-50 {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .md\:dark\:from-gray-100 {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .md\:dark\:from-gray-200 {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .md\:dark\:from-gray-300 {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .md\:dark\:from-gray-400 {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .md\:dark\:from-gray-500 {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .md\:dark\:from-gray-600 {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .md\:dark\:from-gray-700 {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .md\:dark\:from-gray-800 {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .md\:dark\:from-gray-900 {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .md\:dark\:from-red-50 {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .md\:dark\:from-red-100 {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .md\:dark\:from-red-200 {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .md\:dark\:from-red-300 {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .md\:dark\:from-red-400 {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .md\:dark\:from-red-500 {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .md\:dark\:from-red-600 {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .md\:dark\:from-red-700 {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .md\:dark\:from-red-800 {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .md\:dark\:from-red-900 {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .md\:dark\:from-yellow-50 {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .md\:dark\:from-yellow-100 {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .md\:dark\:from-yellow-200 {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .md\:dark\:from-yellow-300 {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .md\:dark\:from-yellow-400 {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .md\:dark\:from-yellow-500 {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .md\:dark\:from-yellow-600 {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .md\:dark\:from-yellow-700 {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .md\:dark\:from-yellow-800 {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .md\:dark\:from-yellow-900 {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .md\:dark\:from-green-50 {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .md\:dark\:from-green-100 {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .md\:dark\:from-green-200 {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .md\:dark\:from-green-300 {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .md\:dark\:from-green-400 {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .md\:dark\:from-green-500 {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .md\:dark\:from-green-600 {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .md\:dark\:from-green-700 {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .md\:dark\:from-green-800 {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .md\:dark\:from-green-900 {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .md\:dark\:from-green-apple {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .md\:dark\:from-blue-50 {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .md\:dark\:from-blue-100 {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .md\:dark\:from-blue-200 {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .md\:dark\:from-blue-300 {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .md\:dark\:from-blue-400 {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .md\:dark\:from-blue-500 {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .md\:dark\:from-blue-600 {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .md\:dark\:from-blue-700 {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .md\:dark\:from-blue-800 {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .md\:dark\:from-blue-900 {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .md\:dark\:from-indigo-50 {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .md\:dark\:from-indigo-100 {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .md\:dark\:from-indigo-200 {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .md\:dark\:from-indigo-300 {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .md\:dark\:from-indigo-400 {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .md\:dark\:from-indigo-500 {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .md\:dark\:from-indigo-600 {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .md\:dark\:from-indigo-700 {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .md\:dark\:from-indigo-800 {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .md\:dark\:from-indigo-900 {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .md\:dark\:from-purple-50 {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .md\:dark\:from-purple-100 {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .md\:dark\:from-purple-200 {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .md\:dark\:from-purple-300 {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .md\:dark\:from-purple-400 {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .md\:dark\:from-purple-500 {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .md\:dark\:from-purple-600 {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .md\:dark\:from-purple-700 {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .md\:dark\:from-purple-800 {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .md\:dark\:from-purple-900 {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .md\:dark\:from-pink-50 {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .md\:dark\:from-pink-100 {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .md\:dark\:from-pink-200 {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .md\:dark\:from-pink-300 {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .md\:dark\:from-pink-400 {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .md\:dark\:from-pink-500 {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .md\:dark\:from-pink-600 {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .md\:dark\:from-pink-700 {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .md\:dark\:from-pink-800 {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .md\:dark\:from-pink-900 {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .md\:dark\:from-grey-100 {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .md\:dark\:from-grey-200 {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .md\:dark\:from-grey-300 {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .md\:dark\:from-grey-400 {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .md\:dark\:from-grey-500 {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .md\:dark\:from-grey-600 {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .md\:dark\:from-grey-700 {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .md\:dark\:from-grey-800 {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .md\:dark\:from-grey-900 {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .md\:dark\:from-primary {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:from-primary-dark {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:from-primary-light {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:from-secondary {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:from-secondary-dark {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:from-secondary-light {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:from-accent {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:from-accent-dark {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:from-accent-light {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:via-transparent {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .md\:dark\:via-current {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:via-black {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .md\:dark\:via-white {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:via-gray-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .md\:dark\:via-gray-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .md\:dark\:via-gray-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .md\:dark\:via-gray-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .md\:dark\:via-gray-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .md\:dark\:via-gray-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .md\:dark\:via-gray-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .md\:dark\:via-gray-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .md\:dark\:via-gray-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .md\:dark\:via-gray-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .md\:dark\:via-red-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .md\:dark\:via-red-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .md\:dark\:via-red-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .md\:dark\:via-red-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .md\:dark\:via-red-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .md\:dark\:via-red-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .md\:dark\:via-red-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .md\:dark\:via-red-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .md\:dark\:via-red-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .md\:dark\:via-red-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .md\:dark\:via-yellow-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .md\:dark\:via-yellow-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .md\:dark\:via-yellow-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .md\:dark\:via-yellow-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .md\:dark\:via-yellow-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .md\:dark\:via-yellow-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .md\:dark\:via-yellow-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .md\:dark\:via-yellow-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .md\:dark\:via-yellow-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .md\:dark\:via-yellow-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .md\:dark\:via-green-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .md\:dark\:via-green-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .md\:dark\:via-green-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .md\:dark\:via-green-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .md\:dark\:via-green-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .md\:dark\:via-green-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .md\:dark\:via-green-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .md\:dark\:via-green-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .md\:dark\:via-green-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .md\:dark\:via-green-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .md\:dark\:via-green-apple {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .md\:dark\:via-blue-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .md\:dark\:via-blue-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .md\:dark\:via-blue-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .md\:dark\:via-blue-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .md\:dark\:via-blue-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .md\:dark\:via-blue-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .md\:dark\:via-blue-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .md\:dark\:via-blue-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .md\:dark\:via-blue-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .md\:dark\:via-blue-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .md\:dark\:via-indigo-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .md\:dark\:via-indigo-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .md\:dark\:via-indigo-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .md\:dark\:via-indigo-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .md\:dark\:via-indigo-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .md\:dark\:via-indigo-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .md\:dark\:via-indigo-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .md\:dark\:via-indigo-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .md\:dark\:via-indigo-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .md\:dark\:via-indigo-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .md\:dark\:via-purple-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .md\:dark\:via-purple-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .md\:dark\:via-purple-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .md\:dark\:via-purple-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .md\:dark\:via-purple-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .md\:dark\:via-purple-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .md\:dark\:via-purple-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .md\:dark\:via-purple-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .md\:dark\:via-purple-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .md\:dark\:via-purple-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .md\:dark\:via-pink-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .md\:dark\:via-pink-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .md\:dark\:via-pink-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .md\:dark\:via-pink-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .md\:dark\:via-pink-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .md\:dark\:via-pink-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .md\:dark\:via-pink-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .md\:dark\:via-pink-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .md\:dark\:via-pink-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .md\:dark\:via-pink-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .md\:dark\:via-grey-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .md\:dark\:via-grey-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .md\:dark\:via-grey-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .md\:dark\:via-grey-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .md\:dark\:via-grey-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .md\:dark\:via-grey-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .md\:dark\:via-grey-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .md\:dark\:via-grey-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .md\:dark\:via-grey-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .md\:dark\:via-primary {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:via-primary-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:via-primary-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:via-secondary {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:via-secondary-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:via-secondary-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:via-accent {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:via-accent-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:via-accent-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:to-transparent {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .md\:dark\:to-current {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .md\:dark\:to-black {
+      --tw-gradient-to: #000;
+    }
+
+    :root .md\:dark\:to-white {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .md\:dark\:to-gray-50 {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .md\:dark\:to-gray-100 {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .md\:dark\:to-gray-200 {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .md\:dark\:to-gray-300 {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .md\:dark\:to-gray-400 {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .md\:dark\:to-gray-500 {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .md\:dark\:to-gray-600 {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .md\:dark\:to-gray-700 {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .md\:dark\:to-gray-800 {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .md\:dark\:to-gray-900 {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .md\:dark\:to-red-50 {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .md\:dark\:to-red-100 {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .md\:dark\:to-red-200 {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .md\:dark\:to-red-300 {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .md\:dark\:to-red-400 {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .md\:dark\:to-red-500 {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .md\:dark\:to-red-600 {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .md\:dark\:to-red-700 {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .md\:dark\:to-red-800 {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .md\:dark\:to-red-900 {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .md\:dark\:to-yellow-50 {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .md\:dark\:to-yellow-100 {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .md\:dark\:to-yellow-200 {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .md\:dark\:to-yellow-300 {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .md\:dark\:to-yellow-400 {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .md\:dark\:to-yellow-500 {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .md\:dark\:to-yellow-600 {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .md\:dark\:to-yellow-700 {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .md\:dark\:to-yellow-800 {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .md\:dark\:to-yellow-900 {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .md\:dark\:to-green-50 {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .md\:dark\:to-green-100 {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .md\:dark\:to-green-200 {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .md\:dark\:to-green-300 {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .md\:dark\:to-green-400 {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .md\:dark\:to-green-500 {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .md\:dark\:to-green-600 {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .md\:dark\:to-green-700 {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .md\:dark\:to-green-800 {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .md\:dark\:to-green-900 {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .md\:dark\:to-green-apple {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .md\:dark\:to-blue-50 {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .md\:dark\:to-blue-100 {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .md\:dark\:to-blue-200 {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .md\:dark\:to-blue-300 {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .md\:dark\:to-blue-400 {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .md\:dark\:to-blue-500 {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .md\:dark\:to-blue-600 {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .md\:dark\:to-blue-700 {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .md\:dark\:to-blue-800 {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .md\:dark\:to-blue-900 {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .md\:dark\:to-indigo-50 {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .md\:dark\:to-indigo-100 {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .md\:dark\:to-indigo-200 {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .md\:dark\:to-indigo-300 {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .md\:dark\:to-indigo-400 {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .md\:dark\:to-indigo-500 {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .md\:dark\:to-indigo-600 {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .md\:dark\:to-indigo-700 {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .md\:dark\:to-indigo-800 {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .md\:dark\:to-indigo-900 {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .md\:dark\:to-purple-50 {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .md\:dark\:to-purple-100 {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .md\:dark\:to-purple-200 {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .md\:dark\:to-purple-300 {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .md\:dark\:to-purple-400 {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .md\:dark\:to-purple-500 {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .md\:dark\:to-purple-600 {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .md\:dark\:to-purple-700 {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .md\:dark\:to-purple-800 {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .md\:dark\:to-purple-900 {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .md\:dark\:to-pink-50 {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .md\:dark\:to-pink-100 {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .md\:dark\:to-pink-200 {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .md\:dark\:to-pink-300 {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .md\:dark\:to-pink-400 {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .md\:dark\:to-pink-500 {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .md\:dark\:to-pink-600 {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .md\:dark\:to-pink-700 {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .md\:dark\:to-pink-800 {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .md\:dark\:to-pink-900 {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .md\:dark\:to-grey-100 {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .md\:dark\:to-grey-200 {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .md\:dark\:to-grey-300 {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .md\:dark\:to-grey-400 {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .md\:dark\:to-grey-500 {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .md\:dark\:to-grey-600 {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .md\:dark\:to-grey-700 {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .md\:dark\:to-grey-800 {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .md\:dark\:to-grey-900 {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .md\:dark\:to-primary {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .md\:dark\:to-primary-dark {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:to-primary-light {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:to-secondary {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .md\:dark\:to-secondary-dark {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:to-secondary-light {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:to-accent {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .md\:dark\:to-accent-dark {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:to-accent-light {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:hover\:from-transparent:hover {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .md\:dark\:hover\:from-current:hover {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-black:hover {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .md\:dark\:hover\:from-white:hover {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-gray-50:hover {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .md\:dark\:hover\:from-gray-100:hover {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .md\:dark\:hover\:from-gray-200:hover {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .md\:dark\:hover\:from-gray-300:hover {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .md\:dark\:hover\:from-gray-400:hover {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .md\:dark\:hover\:from-gray-500:hover {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .md\:dark\:hover\:from-gray-600:hover {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .md\:dark\:hover\:from-gray-700:hover {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .md\:dark\:hover\:from-gray-800:hover {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .md\:dark\:hover\:from-gray-900:hover {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .md\:dark\:hover\:from-red-50:hover {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .md\:dark\:hover\:from-red-100:hover {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .md\:dark\:hover\:from-red-200:hover {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .md\:dark\:hover\:from-red-300:hover {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .md\:dark\:hover\:from-red-400:hover {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .md\:dark\:hover\:from-red-500:hover {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .md\:dark\:hover\:from-red-600:hover {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .md\:dark\:hover\:from-red-700:hover {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .md\:dark\:hover\:from-red-800:hover {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .md\:dark\:hover\:from-red-900:hover {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .md\:dark\:hover\:from-yellow-50:hover {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .md\:dark\:hover\:from-yellow-100:hover {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .md\:dark\:hover\:from-yellow-200:hover {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .md\:dark\:hover\:from-yellow-300:hover {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .md\:dark\:hover\:from-yellow-400:hover {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .md\:dark\:hover\:from-yellow-500:hover {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .md\:dark\:hover\:from-yellow-600:hover {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .md\:dark\:hover\:from-yellow-700:hover {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .md\:dark\:hover\:from-yellow-800:hover {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .md\:dark\:hover\:from-yellow-900:hover {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .md\:dark\:hover\:from-green-50:hover {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .md\:dark\:hover\:from-green-100:hover {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .md\:dark\:hover\:from-green-200:hover {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .md\:dark\:hover\:from-green-300:hover {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .md\:dark\:hover\:from-green-400:hover {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .md\:dark\:hover\:from-green-500:hover {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .md\:dark\:hover\:from-green-600:hover {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .md\:dark\:hover\:from-green-700:hover {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .md\:dark\:hover\:from-green-800:hover {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .md\:dark\:hover\:from-green-900:hover {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .md\:dark\:hover\:from-green-apple:hover {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .md\:dark\:hover\:from-blue-50:hover {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-blue-100:hover {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .md\:dark\:hover\:from-blue-200:hover {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .md\:dark\:hover\:from-blue-300:hover {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .md\:dark\:hover\:from-blue-400:hover {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .md\:dark\:hover\:from-blue-500:hover {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .md\:dark\:hover\:from-blue-600:hover {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .md\:dark\:hover\:from-blue-700:hover {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .md\:dark\:hover\:from-blue-800:hover {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .md\:dark\:hover\:from-blue-900:hover {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .md\:dark\:hover\:from-indigo-50:hover {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-indigo-100:hover {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-indigo-200:hover {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .md\:dark\:hover\:from-indigo-300:hover {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .md\:dark\:hover\:from-indigo-400:hover {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .md\:dark\:hover\:from-indigo-500:hover {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .md\:dark\:hover\:from-indigo-600:hover {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .md\:dark\:hover\:from-indigo-700:hover {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .md\:dark\:hover\:from-indigo-800:hover {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .md\:dark\:hover\:from-indigo-900:hover {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .md\:dark\:hover\:from-purple-50:hover {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-purple-100:hover {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .md\:dark\:hover\:from-purple-200:hover {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .md\:dark\:hover\:from-purple-300:hover {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .md\:dark\:hover\:from-purple-400:hover {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .md\:dark\:hover\:from-purple-500:hover {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .md\:dark\:hover\:from-purple-600:hover {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .md\:dark\:hover\:from-purple-700:hover {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .md\:dark\:hover\:from-purple-800:hover {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .md\:dark\:hover\:from-purple-900:hover {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .md\:dark\:hover\:from-pink-50:hover {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .md\:dark\:hover\:from-pink-100:hover {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .md\:dark\:hover\:from-pink-200:hover {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .md\:dark\:hover\:from-pink-300:hover {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .md\:dark\:hover\:from-pink-400:hover {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .md\:dark\:hover\:from-pink-500:hover {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .md\:dark\:hover\:from-pink-600:hover {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .md\:dark\:hover\:from-pink-700:hover {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .md\:dark\:hover\:from-pink-800:hover {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .md\:dark\:hover\:from-pink-900:hover {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .md\:dark\:hover\:from-grey-100:hover {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .md\:dark\:hover\:from-grey-200:hover {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .md\:dark\:hover\:from-grey-300:hover {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .md\:dark\:hover\:from-grey-400:hover {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .md\:dark\:hover\:from-grey-500:hover {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .md\:dark\:hover\:from-grey-600:hover {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .md\:dark\:hover\:from-grey-700:hover {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .md\:dark\:hover\:from-grey-800:hover {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .md\:dark\:hover\:from-grey-900:hover {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .md\:dark\:hover\:from-primary:hover {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-primary-dark:hover {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-primary-light:hover {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-secondary:hover {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-secondary-dark:hover {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-secondary-light:hover {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-accent:hover {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-accent-dark:hover {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:from-accent-light:hover {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-transparent:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .md\:dark\:hover\:via-current:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-black:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .md\:dark\:hover\:via-white:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-gray-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .md\:dark\:hover\:via-gray-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .md\:dark\:hover\:via-gray-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .md\:dark\:hover\:via-gray-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .md\:dark\:hover\:via-gray-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .md\:dark\:hover\:via-gray-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .md\:dark\:hover\:via-gray-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .md\:dark\:hover\:via-gray-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .md\:dark\:hover\:via-gray-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .md\:dark\:hover\:via-gray-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .md\:dark\:hover\:via-red-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .md\:dark\:hover\:via-red-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .md\:dark\:hover\:via-red-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .md\:dark\:hover\:via-red-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .md\:dark\:hover\:via-red-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .md\:dark\:hover\:via-red-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .md\:dark\:hover\:via-red-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .md\:dark\:hover\:via-red-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .md\:dark\:hover\:via-red-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .md\:dark\:hover\:via-red-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .md\:dark\:hover\:via-yellow-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .md\:dark\:hover\:via-yellow-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .md\:dark\:hover\:via-yellow-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .md\:dark\:hover\:via-yellow-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .md\:dark\:hover\:via-yellow-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .md\:dark\:hover\:via-yellow-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .md\:dark\:hover\:via-yellow-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .md\:dark\:hover\:via-yellow-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .md\:dark\:hover\:via-yellow-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .md\:dark\:hover\:via-yellow-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .md\:dark\:hover\:via-green-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .md\:dark\:hover\:via-green-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .md\:dark\:hover\:via-green-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .md\:dark\:hover\:via-green-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .md\:dark\:hover\:via-green-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .md\:dark\:hover\:via-green-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .md\:dark\:hover\:via-green-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .md\:dark\:hover\:via-green-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .md\:dark\:hover\:via-green-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .md\:dark\:hover\:via-green-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .md\:dark\:hover\:via-green-apple:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .md\:dark\:hover\:via-blue-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-blue-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .md\:dark\:hover\:via-blue-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .md\:dark\:hover\:via-blue-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .md\:dark\:hover\:via-blue-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .md\:dark\:hover\:via-blue-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .md\:dark\:hover\:via-blue-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .md\:dark\:hover\:via-blue-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .md\:dark\:hover\:via-blue-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .md\:dark\:hover\:via-blue-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .md\:dark\:hover\:via-indigo-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-indigo-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-indigo-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .md\:dark\:hover\:via-indigo-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .md\:dark\:hover\:via-indigo-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .md\:dark\:hover\:via-indigo-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .md\:dark\:hover\:via-indigo-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .md\:dark\:hover\:via-indigo-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .md\:dark\:hover\:via-indigo-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .md\:dark\:hover\:via-indigo-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .md\:dark\:hover\:via-purple-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-purple-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .md\:dark\:hover\:via-purple-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .md\:dark\:hover\:via-purple-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .md\:dark\:hover\:via-purple-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .md\:dark\:hover\:via-purple-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .md\:dark\:hover\:via-purple-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .md\:dark\:hover\:via-purple-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .md\:dark\:hover\:via-purple-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .md\:dark\:hover\:via-purple-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .md\:dark\:hover\:via-pink-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .md\:dark\:hover\:via-pink-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .md\:dark\:hover\:via-pink-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .md\:dark\:hover\:via-pink-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .md\:dark\:hover\:via-pink-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .md\:dark\:hover\:via-pink-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .md\:dark\:hover\:via-pink-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .md\:dark\:hover\:via-pink-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .md\:dark\:hover\:via-pink-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .md\:dark\:hover\:via-pink-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .md\:dark\:hover\:via-grey-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .md\:dark\:hover\:via-grey-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .md\:dark\:hover\:via-grey-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .md\:dark\:hover\:via-grey-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .md\:dark\:hover\:via-grey-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .md\:dark\:hover\:via-grey-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .md\:dark\:hover\:via-grey-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .md\:dark\:hover\:via-grey-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .md\:dark\:hover\:via-grey-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .md\:dark\:hover\:via-primary:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-primary-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-primary-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-secondary:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-secondary-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-secondary-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-accent:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-accent-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:via-accent-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:hover\:to-transparent:hover {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .md\:dark\:hover\:to-current:hover {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .md\:dark\:hover\:to-black:hover {
+      --tw-gradient-to: #000;
+    }
+
+    :root .md\:dark\:hover\:to-white:hover {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .md\:dark\:hover\:to-gray-50:hover {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .md\:dark\:hover\:to-gray-100:hover {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .md\:dark\:hover\:to-gray-200:hover {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .md\:dark\:hover\:to-gray-300:hover {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .md\:dark\:hover\:to-gray-400:hover {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .md\:dark\:hover\:to-gray-500:hover {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .md\:dark\:hover\:to-gray-600:hover {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .md\:dark\:hover\:to-gray-700:hover {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .md\:dark\:hover\:to-gray-800:hover {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .md\:dark\:hover\:to-gray-900:hover {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .md\:dark\:hover\:to-red-50:hover {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .md\:dark\:hover\:to-red-100:hover {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .md\:dark\:hover\:to-red-200:hover {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .md\:dark\:hover\:to-red-300:hover {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .md\:dark\:hover\:to-red-400:hover {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .md\:dark\:hover\:to-red-500:hover {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .md\:dark\:hover\:to-red-600:hover {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .md\:dark\:hover\:to-red-700:hover {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .md\:dark\:hover\:to-red-800:hover {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .md\:dark\:hover\:to-red-900:hover {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .md\:dark\:hover\:to-yellow-50:hover {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .md\:dark\:hover\:to-yellow-100:hover {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .md\:dark\:hover\:to-yellow-200:hover {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .md\:dark\:hover\:to-yellow-300:hover {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .md\:dark\:hover\:to-yellow-400:hover {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .md\:dark\:hover\:to-yellow-500:hover {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .md\:dark\:hover\:to-yellow-600:hover {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .md\:dark\:hover\:to-yellow-700:hover {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .md\:dark\:hover\:to-yellow-800:hover {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .md\:dark\:hover\:to-yellow-900:hover {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .md\:dark\:hover\:to-green-50:hover {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .md\:dark\:hover\:to-green-100:hover {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .md\:dark\:hover\:to-green-200:hover {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .md\:dark\:hover\:to-green-300:hover {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .md\:dark\:hover\:to-green-400:hover {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .md\:dark\:hover\:to-green-500:hover {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .md\:dark\:hover\:to-green-600:hover {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .md\:dark\:hover\:to-green-700:hover {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .md\:dark\:hover\:to-green-800:hover {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .md\:dark\:hover\:to-green-900:hover {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .md\:dark\:hover\:to-green-apple:hover {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .md\:dark\:hover\:to-blue-50:hover {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .md\:dark\:hover\:to-blue-100:hover {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .md\:dark\:hover\:to-blue-200:hover {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .md\:dark\:hover\:to-blue-300:hover {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .md\:dark\:hover\:to-blue-400:hover {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .md\:dark\:hover\:to-blue-500:hover {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .md\:dark\:hover\:to-blue-600:hover {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .md\:dark\:hover\:to-blue-700:hover {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .md\:dark\:hover\:to-blue-800:hover {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .md\:dark\:hover\:to-blue-900:hover {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .md\:dark\:hover\:to-indigo-50:hover {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .md\:dark\:hover\:to-indigo-100:hover {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .md\:dark\:hover\:to-indigo-200:hover {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .md\:dark\:hover\:to-indigo-300:hover {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .md\:dark\:hover\:to-indigo-400:hover {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .md\:dark\:hover\:to-indigo-500:hover {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .md\:dark\:hover\:to-indigo-600:hover {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .md\:dark\:hover\:to-indigo-700:hover {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .md\:dark\:hover\:to-indigo-800:hover {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .md\:dark\:hover\:to-indigo-900:hover {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .md\:dark\:hover\:to-purple-50:hover {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .md\:dark\:hover\:to-purple-100:hover {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .md\:dark\:hover\:to-purple-200:hover {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .md\:dark\:hover\:to-purple-300:hover {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .md\:dark\:hover\:to-purple-400:hover {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .md\:dark\:hover\:to-purple-500:hover {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .md\:dark\:hover\:to-purple-600:hover {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .md\:dark\:hover\:to-purple-700:hover {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .md\:dark\:hover\:to-purple-800:hover {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .md\:dark\:hover\:to-purple-900:hover {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .md\:dark\:hover\:to-pink-50:hover {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .md\:dark\:hover\:to-pink-100:hover {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .md\:dark\:hover\:to-pink-200:hover {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .md\:dark\:hover\:to-pink-300:hover {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .md\:dark\:hover\:to-pink-400:hover {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .md\:dark\:hover\:to-pink-500:hover {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .md\:dark\:hover\:to-pink-600:hover {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .md\:dark\:hover\:to-pink-700:hover {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .md\:dark\:hover\:to-pink-800:hover {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .md\:dark\:hover\:to-pink-900:hover {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .md\:dark\:hover\:to-grey-100:hover {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .md\:dark\:hover\:to-grey-200:hover {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .md\:dark\:hover\:to-grey-300:hover {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .md\:dark\:hover\:to-grey-400:hover {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .md\:dark\:hover\:to-grey-500:hover {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .md\:dark\:hover\:to-grey-600:hover {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .md\:dark\:hover\:to-grey-700:hover {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .md\:dark\:hover\:to-grey-800:hover {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .md\:dark\:hover\:to-grey-900:hover {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .md\:dark\:hover\:to-primary:hover {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .md\:dark\:hover\:to-primary-dark:hover {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:hover\:to-primary-light:hover {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:hover\:to-secondary:hover {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .md\:dark\:hover\:to-secondary-dark:hover {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:hover\:to-secondary-light:hover {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:hover\:to-accent:hover {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .md\:dark\:hover\:to-accent-dark:hover {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:hover\:to-accent-light:hover {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:focus\:from-transparent:focus {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .md\:dark\:focus\:from-current:focus {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-black:focus {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .md\:dark\:focus\:from-white:focus {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-gray-50:focus {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .md\:dark\:focus\:from-gray-100:focus {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .md\:dark\:focus\:from-gray-200:focus {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .md\:dark\:focus\:from-gray-300:focus {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .md\:dark\:focus\:from-gray-400:focus {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .md\:dark\:focus\:from-gray-500:focus {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .md\:dark\:focus\:from-gray-600:focus {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .md\:dark\:focus\:from-gray-700:focus {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .md\:dark\:focus\:from-gray-800:focus {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .md\:dark\:focus\:from-gray-900:focus {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .md\:dark\:focus\:from-red-50:focus {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .md\:dark\:focus\:from-red-100:focus {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .md\:dark\:focus\:from-red-200:focus {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .md\:dark\:focus\:from-red-300:focus {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .md\:dark\:focus\:from-red-400:focus {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .md\:dark\:focus\:from-red-500:focus {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .md\:dark\:focus\:from-red-600:focus {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .md\:dark\:focus\:from-red-700:focus {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .md\:dark\:focus\:from-red-800:focus {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .md\:dark\:focus\:from-red-900:focus {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .md\:dark\:focus\:from-yellow-50:focus {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .md\:dark\:focus\:from-yellow-100:focus {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .md\:dark\:focus\:from-yellow-200:focus {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .md\:dark\:focus\:from-yellow-300:focus {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .md\:dark\:focus\:from-yellow-400:focus {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .md\:dark\:focus\:from-yellow-500:focus {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .md\:dark\:focus\:from-yellow-600:focus {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .md\:dark\:focus\:from-yellow-700:focus {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .md\:dark\:focus\:from-yellow-800:focus {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .md\:dark\:focus\:from-yellow-900:focus {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .md\:dark\:focus\:from-green-50:focus {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .md\:dark\:focus\:from-green-100:focus {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .md\:dark\:focus\:from-green-200:focus {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .md\:dark\:focus\:from-green-300:focus {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .md\:dark\:focus\:from-green-400:focus {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .md\:dark\:focus\:from-green-500:focus {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .md\:dark\:focus\:from-green-600:focus {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .md\:dark\:focus\:from-green-700:focus {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .md\:dark\:focus\:from-green-800:focus {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .md\:dark\:focus\:from-green-900:focus {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .md\:dark\:focus\:from-green-apple:focus {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .md\:dark\:focus\:from-blue-50:focus {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-blue-100:focus {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .md\:dark\:focus\:from-blue-200:focus {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .md\:dark\:focus\:from-blue-300:focus {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .md\:dark\:focus\:from-blue-400:focus {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .md\:dark\:focus\:from-blue-500:focus {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .md\:dark\:focus\:from-blue-600:focus {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .md\:dark\:focus\:from-blue-700:focus {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .md\:dark\:focus\:from-blue-800:focus {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .md\:dark\:focus\:from-blue-900:focus {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .md\:dark\:focus\:from-indigo-50:focus {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-indigo-100:focus {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-indigo-200:focus {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .md\:dark\:focus\:from-indigo-300:focus {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .md\:dark\:focus\:from-indigo-400:focus {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .md\:dark\:focus\:from-indigo-500:focus {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .md\:dark\:focus\:from-indigo-600:focus {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .md\:dark\:focus\:from-indigo-700:focus {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .md\:dark\:focus\:from-indigo-800:focus {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .md\:dark\:focus\:from-indigo-900:focus {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .md\:dark\:focus\:from-purple-50:focus {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-purple-100:focus {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .md\:dark\:focus\:from-purple-200:focus {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .md\:dark\:focus\:from-purple-300:focus {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .md\:dark\:focus\:from-purple-400:focus {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .md\:dark\:focus\:from-purple-500:focus {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .md\:dark\:focus\:from-purple-600:focus {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .md\:dark\:focus\:from-purple-700:focus {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .md\:dark\:focus\:from-purple-800:focus {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .md\:dark\:focus\:from-purple-900:focus {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .md\:dark\:focus\:from-pink-50:focus {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .md\:dark\:focus\:from-pink-100:focus {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .md\:dark\:focus\:from-pink-200:focus {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .md\:dark\:focus\:from-pink-300:focus {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .md\:dark\:focus\:from-pink-400:focus {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .md\:dark\:focus\:from-pink-500:focus {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .md\:dark\:focus\:from-pink-600:focus {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .md\:dark\:focus\:from-pink-700:focus {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .md\:dark\:focus\:from-pink-800:focus {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .md\:dark\:focus\:from-pink-900:focus {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .md\:dark\:focus\:from-grey-100:focus {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .md\:dark\:focus\:from-grey-200:focus {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .md\:dark\:focus\:from-grey-300:focus {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .md\:dark\:focus\:from-grey-400:focus {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .md\:dark\:focus\:from-grey-500:focus {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .md\:dark\:focus\:from-grey-600:focus {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .md\:dark\:focus\:from-grey-700:focus {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .md\:dark\:focus\:from-grey-800:focus {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .md\:dark\:focus\:from-grey-900:focus {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .md\:dark\:focus\:from-primary:focus {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-primary-dark:focus {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-primary-light:focus {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-secondary:focus {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-secondary-dark:focus {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-secondary-light:focus {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-accent:focus {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-accent-dark:focus {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:from-accent-light:focus {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-transparent:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .md\:dark\:focus\:via-current:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-black:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .md\:dark\:focus\:via-white:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-gray-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .md\:dark\:focus\:via-gray-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .md\:dark\:focus\:via-gray-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .md\:dark\:focus\:via-gray-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .md\:dark\:focus\:via-gray-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .md\:dark\:focus\:via-gray-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .md\:dark\:focus\:via-gray-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .md\:dark\:focus\:via-gray-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .md\:dark\:focus\:via-gray-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .md\:dark\:focus\:via-gray-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .md\:dark\:focus\:via-red-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .md\:dark\:focus\:via-red-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .md\:dark\:focus\:via-red-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .md\:dark\:focus\:via-red-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .md\:dark\:focus\:via-red-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .md\:dark\:focus\:via-red-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .md\:dark\:focus\:via-red-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .md\:dark\:focus\:via-red-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .md\:dark\:focus\:via-red-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .md\:dark\:focus\:via-red-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .md\:dark\:focus\:via-yellow-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .md\:dark\:focus\:via-yellow-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .md\:dark\:focus\:via-yellow-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .md\:dark\:focus\:via-yellow-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .md\:dark\:focus\:via-yellow-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .md\:dark\:focus\:via-yellow-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .md\:dark\:focus\:via-yellow-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .md\:dark\:focus\:via-yellow-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .md\:dark\:focus\:via-yellow-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .md\:dark\:focus\:via-yellow-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .md\:dark\:focus\:via-green-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .md\:dark\:focus\:via-green-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .md\:dark\:focus\:via-green-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .md\:dark\:focus\:via-green-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .md\:dark\:focus\:via-green-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .md\:dark\:focus\:via-green-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .md\:dark\:focus\:via-green-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .md\:dark\:focus\:via-green-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .md\:dark\:focus\:via-green-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .md\:dark\:focus\:via-green-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .md\:dark\:focus\:via-green-apple:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .md\:dark\:focus\:via-blue-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-blue-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .md\:dark\:focus\:via-blue-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .md\:dark\:focus\:via-blue-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .md\:dark\:focus\:via-blue-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .md\:dark\:focus\:via-blue-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .md\:dark\:focus\:via-blue-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .md\:dark\:focus\:via-blue-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .md\:dark\:focus\:via-blue-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .md\:dark\:focus\:via-blue-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .md\:dark\:focus\:via-indigo-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-indigo-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-indigo-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .md\:dark\:focus\:via-indigo-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .md\:dark\:focus\:via-indigo-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .md\:dark\:focus\:via-indigo-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .md\:dark\:focus\:via-indigo-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .md\:dark\:focus\:via-indigo-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .md\:dark\:focus\:via-indigo-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .md\:dark\:focus\:via-indigo-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .md\:dark\:focus\:via-purple-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-purple-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .md\:dark\:focus\:via-purple-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .md\:dark\:focus\:via-purple-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .md\:dark\:focus\:via-purple-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .md\:dark\:focus\:via-purple-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .md\:dark\:focus\:via-purple-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .md\:dark\:focus\:via-purple-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .md\:dark\:focus\:via-purple-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .md\:dark\:focus\:via-purple-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .md\:dark\:focus\:via-pink-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .md\:dark\:focus\:via-pink-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .md\:dark\:focus\:via-pink-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .md\:dark\:focus\:via-pink-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .md\:dark\:focus\:via-pink-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .md\:dark\:focus\:via-pink-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .md\:dark\:focus\:via-pink-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .md\:dark\:focus\:via-pink-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .md\:dark\:focus\:via-pink-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .md\:dark\:focus\:via-pink-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .md\:dark\:focus\:via-grey-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .md\:dark\:focus\:via-grey-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .md\:dark\:focus\:via-grey-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .md\:dark\:focus\:via-grey-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .md\:dark\:focus\:via-grey-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .md\:dark\:focus\:via-grey-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .md\:dark\:focus\:via-grey-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .md\:dark\:focus\:via-grey-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .md\:dark\:focus\:via-grey-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .md\:dark\:focus\:via-primary:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-primary-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-primary-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-secondary:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-secondary-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-secondary-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-accent:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-accent-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:via-accent-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .md\:dark\:focus\:to-transparent:focus {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .md\:dark\:focus\:to-current:focus {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .md\:dark\:focus\:to-black:focus {
+      --tw-gradient-to: #000;
+    }
+
+    :root .md\:dark\:focus\:to-white:focus {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .md\:dark\:focus\:to-gray-50:focus {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .md\:dark\:focus\:to-gray-100:focus {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .md\:dark\:focus\:to-gray-200:focus {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .md\:dark\:focus\:to-gray-300:focus {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .md\:dark\:focus\:to-gray-400:focus {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .md\:dark\:focus\:to-gray-500:focus {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .md\:dark\:focus\:to-gray-600:focus {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .md\:dark\:focus\:to-gray-700:focus {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .md\:dark\:focus\:to-gray-800:focus {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .md\:dark\:focus\:to-gray-900:focus {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .md\:dark\:focus\:to-red-50:focus {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .md\:dark\:focus\:to-red-100:focus {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .md\:dark\:focus\:to-red-200:focus {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .md\:dark\:focus\:to-red-300:focus {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .md\:dark\:focus\:to-red-400:focus {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .md\:dark\:focus\:to-red-500:focus {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .md\:dark\:focus\:to-red-600:focus {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .md\:dark\:focus\:to-red-700:focus {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .md\:dark\:focus\:to-red-800:focus {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .md\:dark\:focus\:to-red-900:focus {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .md\:dark\:focus\:to-yellow-50:focus {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .md\:dark\:focus\:to-yellow-100:focus {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .md\:dark\:focus\:to-yellow-200:focus {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .md\:dark\:focus\:to-yellow-300:focus {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .md\:dark\:focus\:to-yellow-400:focus {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .md\:dark\:focus\:to-yellow-500:focus {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .md\:dark\:focus\:to-yellow-600:focus {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .md\:dark\:focus\:to-yellow-700:focus {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .md\:dark\:focus\:to-yellow-800:focus {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .md\:dark\:focus\:to-yellow-900:focus {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .md\:dark\:focus\:to-green-50:focus {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .md\:dark\:focus\:to-green-100:focus {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .md\:dark\:focus\:to-green-200:focus {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .md\:dark\:focus\:to-green-300:focus {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .md\:dark\:focus\:to-green-400:focus {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .md\:dark\:focus\:to-green-500:focus {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .md\:dark\:focus\:to-green-600:focus {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .md\:dark\:focus\:to-green-700:focus {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .md\:dark\:focus\:to-green-800:focus {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .md\:dark\:focus\:to-green-900:focus {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .md\:dark\:focus\:to-green-apple:focus {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .md\:dark\:focus\:to-blue-50:focus {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .md\:dark\:focus\:to-blue-100:focus {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .md\:dark\:focus\:to-blue-200:focus {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .md\:dark\:focus\:to-blue-300:focus {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .md\:dark\:focus\:to-blue-400:focus {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .md\:dark\:focus\:to-blue-500:focus {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .md\:dark\:focus\:to-blue-600:focus {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .md\:dark\:focus\:to-blue-700:focus {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .md\:dark\:focus\:to-blue-800:focus {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .md\:dark\:focus\:to-blue-900:focus {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .md\:dark\:focus\:to-indigo-50:focus {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .md\:dark\:focus\:to-indigo-100:focus {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .md\:dark\:focus\:to-indigo-200:focus {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .md\:dark\:focus\:to-indigo-300:focus {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .md\:dark\:focus\:to-indigo-400:focus {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .md\:dark\:focus\:to-indigo-500:focus {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .md\:dark\:focus\:to-indigo-600:focus {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .md\:dark\:focus\:to-indigo-700:focus {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .md\:dark\:focus\:to-indigo-800:focus {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .md\:dark\:focus\:to-indigo-900:focus {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .md\:dark\:focus\:to-purple-50:focus {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .md\:dark\:focus\:to-purple-100:focus {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .md\:dark\:focus\:to-purple-200:focus {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .md\:dark\:focus\:to-purple-300:focus {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .md\:dark\:focus\:to-purple-400:focus {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .md\:dark\:focus\:to-purple-500:focus {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .md\:dark\:focus\:to-purple-600:focus {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .md\:dark\:focus\:to-purple-700:focus {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .md\:dark\:focus\:to-purple-800:focus {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .md\:dark\:focus\:to-purple-900:focus {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .md\:dark\:focus\:to-pink-50:focus {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .md\:dark\:focus\:to-pink-100:focus {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .md\:dark\:focus\:to-pink-200:focus {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .md\:dark\:focus\:to-pink-300:focus {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .md\:dark\:focus\:to-pink-400:focus {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .md\:dark\:focus\:to-pink-500:focus {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .md\:dark\:focus\:to-pink-600:focus {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .md\:dark\:focus\:to-pink-700:focus {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .md\:dark\:focus\:to-pink-800:focus {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .md\:dark\:focus\:to-pink-900:focus {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .md\:dark\:focus\:to-grey-100:focus {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .md\:dark\:focus\:to-grey-200:focus {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .md\:dark\:focus\:to-grey-300:focus {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .md\:dark\:focus\:to-grey-400:focus {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .md\:dark\:focus\:to-grey-500:focus {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .md\:dark\:focus\:to-grey-600:focus {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .md\:dark\:focus\:to-grey-700:focus {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .md\:dark\:focus\:to-grey-800:focus {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .md\:dark\:focus\:to-grey-900:focus {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .md\:dark\:focus\:to-primary:focus {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .md\:dark\:focus\:to-primary-dark:focus {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:focus\:to-primary-light:focus {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:focus\:to-secondary:focus {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .md\:dark\:focus\:to-secondary-dark:focus {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:focus\:to-secondary-light:focus {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:focus\:to-accent:focus {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .md\:dark\:focus\:to-accent-dark:focus {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:focus\:to-accent-light:focus {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:border-transparent {
+      border-color: transparent;
+    }
+
+    :root .md\:dark\:border-current {
+      border-color: currentColor;
+    }
+
+    :root .md\:dark\:border-black {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-white {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-gray-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-gray-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-gray-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-gray-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-gray-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-gray-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-gray-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-gray-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-gray-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-gray-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-red-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-red-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-red-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-red-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-red-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-red-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-red-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-red-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-red-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-red-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-yellow-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-yellow-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-yellow-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-yellow-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-yellow-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-yellow-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-yellow-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-yellow-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-yellow-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-yellow-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-green-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-green-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-green-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-green-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-green-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-green-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-green-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-green-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-green-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-green-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-green-apple {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-blue-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-blue-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-blue-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-blue-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-blue-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-blue-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-blue-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-blue-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-blue-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-blue-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-indigo-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-indigo-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-indigo-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-indigo-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-indigo-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-indigo-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-indigo-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-indigo-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-indigo-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-indigo-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-purple-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-purple-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-purple-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-purple-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-purple-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-purple-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-purple-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-purple-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-purple-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-purple-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-pink-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-pink-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-pink-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-pink-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-pink-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-pink-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-pink-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-pink-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-pink-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-pink-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-grey-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-grey-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-grey-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-grey-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-grey-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-grey-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-grey-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-grey-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-grey-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:border-primary {
+      border-color: var(--color-primary);
+    }
+
+    :root .md\:dark\:border-primary-dark {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:border-primary-light {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:border-secondary {
+      border-color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:border-secondary-dark {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:border-secondary-light {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:border-accent {
+      border-color: var(--color-accent);
+    }
+
+    :root .md\:dark\:border-accent-dark {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:border-accent-light {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-transparent {
+      border-color: transparent;
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-current {
+      border-color: currentColor;
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-black {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-white {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-gray-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-gray-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-gray-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-gray-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-gray-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-gray-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-gray-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-gray-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-gray-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-gray-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-red-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-red-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-red-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-red-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-red-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-red-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-red-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-red-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-red-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-red-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-yellow-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-yellow-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-yellow-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-yellow-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-yellow-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-yellow-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-yellow-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-yellow-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-yellow-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-yellow-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-green-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-green-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-green-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-green-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-green-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-green-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-green-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-green-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-green-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-green-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-green-apple {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-blue-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-blue-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-blue-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-blue-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-blue-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-blue-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-blue-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-blue-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-blue-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-blue-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-indigo-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-indigo-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-indigo-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-indigo-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-indigo-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-indigo-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-indigo-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-indigo-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-indigo-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-indigo-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-purple-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-purple-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-purple-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-purple-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-purple-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-purple-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-purple-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-purple-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-purple-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-purple-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-pink-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-pink-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-pink-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-pink-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-pink-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-pink-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-pink-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-pink-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-pink-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-pink-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-grey-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-grey-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-grey-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-grey-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-grey-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-grey-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-grey-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-grey-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-grey-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-primary {
+      border-color: var(--color-primary);
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-primary-dark {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-primary-light {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-secondary {
+      border-color: var(--color-secondary);
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-secondary-dark {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-secondary-light {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-accent {
+      border-color: var(--color-accent);
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-accent-dark {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .group:hover .md\:dark\:group-hover\:border-accent-light {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:focus-within\:border-transparent:focus-within {
+      border-color: transparent;
+    }
+
+    :root .md\:dark\:focus-within\:border-current:focus-within {
+      border-color: currentColor;
+    }
+
+    :root .md\:dark\:focus-within\:border-black:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-white:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-gray-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-gray-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-gray-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-gray-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-gray-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-gray-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-gray-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-gray-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-gray-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-gray-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-red-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-red-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-red-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-red-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-red-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-red-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-red-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-red-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-red-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-red-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-yellow-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-yellow-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-yellow-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-yellow-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-yellow-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-yellow-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-yellow-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-yellow-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-yellow-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-yellow-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-green-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-green-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-green-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-green-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-green-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-green-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-green-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-green-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-green-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-green-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-green-apple:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-blue-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-blue-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-blue-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-blue-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-blue-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-blue-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-blue-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-blue-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-blue-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-blue-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-indigo-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-indigo-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-indigo-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-indigo-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-indigo-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-indigo-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-indigo-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-indigo-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-indigo-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-indigo-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-purple-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-purple-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-purple-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-purple-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-purple-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-purple-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-purple-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-purple-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-purple-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-purple-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-pink-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-pink-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-pink-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-pink-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-pink-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-pink-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-pink-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-pink-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-pink-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-pink-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-grey-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-grey-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-grey-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-grey-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-grey-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-grey-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-grey-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-grey-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-grey-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:border-primary:focus-within {
+      border-color: var(--color-primary);
+    }
+
+    :root .md\:dark\:focus-within\:border-primary-dark:focus-within {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:focus-within\:border-primary-light:focus-within {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:focus-within\:border-secondary:focus-within {
+      border-color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:focus-within\:border-secondary-dark:focus-within {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:focus-within\:border-secondary-light:focus-within {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:focus-within\:border-accent:focus-within {
+      border-color: var(--color-accent);
+    }
+
+    :root .md\:dark\:focus-within\:border-accent-dark:focus-within {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:focus-within\:border-accent-light:focus-within {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:hover\:border-transparent:hover {
+      border-color: transparent;
+    }
+
+    :root .md\:dark\:hover\:border-current:hover {
+      border-color: currentColor;
+    }
+
+    :root .md\:dark\:hover\:border-black:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-white:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-gray-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-gray-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-gray-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-gray-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-gray-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-gray-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-gray-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-gray-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-gray-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-gray-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-red-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-red-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-red-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-red-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-red-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-red-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-red-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-red-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-red-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-red-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-yellow-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-yellow-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-yellow-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-yellow-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-yellow-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-yellow-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-yellow-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-yellow-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-yellow-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-yellow-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-green-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-green-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-green-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-green-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-green-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-green-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-green-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-green-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-green-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-green-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-green-apple:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-blue-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-blue-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-blue-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-blue-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-blue-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-blue-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-blue-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-blue-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-blue-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-blue-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-indigo-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-indigo-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-indigo-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-indigo-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-indigo-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-indigo-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-indigo-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-indigo-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-indigo-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-indigo-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-purple-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-purple-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-purple-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-purple-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-purple-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-purple-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-purple-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-purple-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-purple-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-purple-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-pink-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-pink-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-pink-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-pink-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-pink-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-pink-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-pink-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-pink-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-pink-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-pink-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-grey-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-grey-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-grey-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-grey-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-grey-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-grey-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-grey-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-grey-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-grey-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:hover\:border-primary:hover {
+      border-color: var(--color-primary);
+    }
+
+    :root .md\:dark\:hover\:border-primary-dark:hover {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:hover\:border-primary-light:hover {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:hover\:border-secondary:hover {
+      border-color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:hover\:border-secondary-dark:hover {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:hover\:border-secondary-light:hover {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:hover\:border-accent:hover {
+      border-color: var(--color-accent);
+    }
+
+    :root .md\:dark\:hover\:border-accent-dark:hover {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:hover\:border-accent-light:hover {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:focus\:border-transparent:focus {
+      border-color: transparent;
+    }
+
+    :root .md\:dark\:focus\:border-current:focus {
+      border-color: currentColor;
+    }
+
+    :root .md\:dark\:focus\:border-black:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-white:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-gray-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-gray-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-gray-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-gray-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-gray-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-gray-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-gray-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-gray-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-gray-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-gray-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-red-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-red-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-red-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-red-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-red-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-red-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-red-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-red-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-red-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-red-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-yellow-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-yellow-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-yellow-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-yellow-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-yellow-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-yellow-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-yellow-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-yellow-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-yellow-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-yellow-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-green-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-green-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-green-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-green-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-green-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-green-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-green-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-green-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-green-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-green-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-green-apple:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-blue-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-blue-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-blue-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-blue-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-blue-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-blue-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-blue-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-blue-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-blue-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-blue-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-indigo-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-indigo-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-indigo-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-indigo-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-indigo-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-indigo-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-indigo-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-indigo-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-indigo-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-indigo-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-purple-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-purple-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-purple-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-purple-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-purple-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-purple-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-purple-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-purple-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-purple-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-purple-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-pink-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-pink-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-pink-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-pink-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-pink-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-pink-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-pink-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-pink-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-pink-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-pink-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-grey-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-grey-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-grey-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-grey-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-grey-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-grey-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-grey-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-grey-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-grey-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .md\:dark\:focus\:border-primary:focus {
+      border-color: var(--color-primary);
+    }
+
+    :root .md\:dark\:focus\:border-primary-dark:focus {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:focus\:border-primary-light:focus {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:focus\:border-secondary:focus {
+      border-color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:focus\:border-secondary-dark:focus {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:focus\:border-secondary-light:focus {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:focus\:border-accent:focus {
+      border-color: var(--color-accent);
+    }
+
+    :root .md\:dark\:focus\:border-accent-dark:focus {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:focus\:border-accent-light:focus {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:placeholder-transparent::-moz-placeholder {
+      color: transparent;
+    }
+
+    :root .md\:dark\:placeholder-transparent:-ms-input-placeholder {
+      color: transparent;
+    }
+
+    :root .md\:dark\:placeholder-transparent::placeholder {
+      color: transparent;
+    }
+
+    :root .md\:dark\:placeholder-current::-moz-placeholder {
+      color: currentColor;
+    }
+
+    :root .md\:dark\:placeholder-current:-ms-input-placeholder {
+      color: currentColor;
+    }
+
+    :root .md\:dark\:placeholder-current::placeholder {
+      color: currentColor;
+    }
+
+    :root .md\:dark\:placeholder-black::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-black:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-black::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-white::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-white:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-white::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-gray-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-red-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-yellow-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-apple::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-apple:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-green-apple::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-blue-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-indigo-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-purple-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-pink-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-grey-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:placeholder-primary::-moz-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .md\:dark\:placeholder-primary:-ms-input-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .md\:dark\:placeholder-primary::placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .md\:dark\:placeholder-primary-dark::-moz-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:placeholder-primary-dark:-ms-input-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:placeholder-primary-dark::placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:placeholder-primary-light::-moz-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:placeholder-primary-light:-ms-input-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:placeholder-primary-light::placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:placeholder-secondary::-moz-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:placeholder-secondary:-ms-input-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:placeholder-secondary::placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:placeholder-secondary-dark::-moz-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:placeholder-secondary-dark:-ms-input-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:placeholder-secondary-dark::placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:placeholder-secondary-light::-moz-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:placeholder-secondary-light:-ms-input-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:placeholder-secondary-light::placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:placeholder-accent::-moz-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .md\:dark\:placeholder-accent:-ms-input-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .md\:dark\:placeholder-accent::placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .md\:dark\:placeholder-accent-dark::-moz-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:placeholder-accent-dark:-ms-input-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:placeholder-accent-dark::placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:placeholder-accent-light::-moz-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:placeholder-accent-light:-ms-input-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:placeholder-accent-light::placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:focus\:placeholder-transparent:focus::-moz-placeholder {
+      color: transparent;
+    }
+
+    :root .md\:dark\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+      color: transparent;
+    }
+
+    :root .md\:dark\:focus\:placeholder-transparent:focus::placeholder {
+      color: transparent;
+    }
+
+    :root .md\:dark\:focus\:placeholder-current:focus::-moz-placeholder {
+      color: currentColor;
+    }
+
+    :root .md\:dark\:focus\:placeholder-current:focus:-ms-input-placeholder {
+      color: currentColor;
+    }
+
+    :root .md\:dark\:focus\:placeholder-current:focus::placeholder {
+      color: currentColor;
+    }
+
+    :root .md\:dark\:focus\:placeholder-black:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-black:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-black:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-white:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-white:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-white:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-gray-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-red-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-yellow-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-apple:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-apple:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-green-apple:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-blue-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-indigo-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-purple-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-pink-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-grey-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .md\:dark\:focus\:placeholder-primary:focus::-moz-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .md\:dark\:focus\:placeholder-primary:focus:-ms-input-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .md\:dark\:focus\:placeholder-primary:focus::placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .md\:dark\:focus\:placeholder-primary-dark:focus::-moz-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:focus\:placeholder-primary-dark:focus:-ms-input-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:focus\:placeholder-primary-dark:focus::placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:focus\:placeholder-primary-light:focus::-moz-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:focus\:placeholder-primary-light:focus:-ms-input-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:focus\:placeholder-primary-light:focus::placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:focus\:placeholder-secondary:focus::-moz-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:focus\:placeholder-secondary:focus:-ms-input-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:focus\:placeholder-secondary:focus::placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:focus\:placeholder-secondary-dark:focus::-moz-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:focus\:placeholder-secondary-dark:focus:-ms-input-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:focus\:placeholder-secondary-dark:focus::placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:focus\:placeholder-secondary-light:focus::-moz-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:focus\:placeholder-secondary-light:focus:-ms-input-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:focus\:placeholder-secondary-light:focus::placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:focus\:placeholder-accent:focus::-moz-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .md\:dark\:focus\:placeholder-accent:focus:-ms-input-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .md\:dark\:focus\:placeholder-accent:focus::placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .md\:dark\:focus\:placeholder-accent-dark:focus::-moz-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:focus\:placeholder-accent-dark:focus:-ms-input-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:focus\:placeholder-accent-dark:focus::placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:focus\:placeholder-accent-light:focus::-moz-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:focus\:placeholder-accent-light:focus:-ms-input-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:focus\:placeholder-accent-light:focus::placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:ring-offset-transparent {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .md\:dark\:ring-offset-current {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .md\:dark\:ring-offset-black {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .md\:dark\:ring-offset-white {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .md\:dark\:ring-offset-gray-50 {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .md\:dark\:ring-offset-gray-100 {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .md\:dark\:ring-offset-gray-200 {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .md\:dark\:ring-offset-gray-300 {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .md\:dark\:ring-offset-gray-400 {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .md\:dark\:ring-offset-gray-500 {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .md\:dark\:ring-offset-gray-600 {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .md\:dark\:ring-offset-gray-700 {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .md\:dark\:ring-offset-gray-800 {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .md\:dark\:ring-offset-gray-900 {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .md\:dark\:ring-offset-red-50 {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .md\:dark\:ring-offset-red-100 {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .md\:dark\:ring-offset-red-200 {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .md\:dark\:ring-offset-red-300 {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .md\:dark\:ring-offset-red-400 {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .md\:dark\:ring-offset-red-500 {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .md\:dark\:ring-offset-red-600 {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .md\:dark\:ring-offset-red-700 {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .md\:dark\:ring-offset-red-800 {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .md\:dark\:ring-offset-red-900 {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .md\:dark\:ring-offset-yellow-50 {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .md\:dark\:ring-offset-yellow-100 {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .md\:dark\:ring-offset-yellow-200 {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .md\:dark\:ring-offset-yellow-300 {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .md\:dark\:ring-offset-yellow-400 {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .md\:dark\:ring-offset-yellow-500 {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .md\:dark\:ring-offset-yellow-600 {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .md\:dark\:ring-offset-yellow-700 {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .md\:dark\:ring-offset-yellow-800 {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .md\:dark\:ring-offset-yellow-900 {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .md\:dark\:ring-offset-green-50 {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .md\:dark\:ring-offset-green-100 {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .md\:dark\:ring-offset-green-200 {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .md\:dark\:ring-offset-green-300 {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .md\:dark\:ring-offset-green-400 {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .md\:dark\:ring-offset-green-500 {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .md\:dark\:ring-offset-green-600 {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .md\:dark\:ring-offset-green-700 {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .md\:dark\:ring-offset-green-800 {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .md\:dark\:ring-offset-green-900 {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .md\:dark\:ring-offset-green-apple {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .md\:dark\:ring-offset-blue-50 {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .md\:dark\:ring-offset-blue-100 {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .md\:dark\:ring-offset-blue-200 {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .md\:dark\:ring-offset-blue-300 {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .md\:dark\:ring-offset-blue-400 {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .md\:dark\:ring-offset-blue-500 {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .md\:dark\:ring-offset-blue-600 {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .md\:dark\:ring-offset-blue-700 {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .md\:dark\:ring-offset-blue-800 {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .md\:dark\:ring-offset-blue-900 {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .md\:dark\:ring-offset-indigo-50 {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .md\:dark\:ring-offset-indigo-100 {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .md\:dark\:ring-offset-indigo-200 {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .md\:dark\:ring-offset-indigo-300 {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .md\:dark\:ring-offset-indigo-400 {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .md\:dark\:ring-offset-indigo-500 {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .md\:dark\:ring-offset-indigo-600 {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .md\:dark\:ring-offset-indigo-700 {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .md\:dark\:ring-offset-indigo-800 {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .md\:dark\:ring-offset-indigo-900 {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .md\:dark\:ring-offset-purple-50 {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .md\:dark\:ring-offset-purple-100 {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .md\:dark\:ring-offset-purple-200 {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .md\:dark\:ring-offset-purple-300 {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .md\:dark\:ring-offset-purple-400 {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .md\:dark\:ring-offset-purple-500 {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .md\:dark\:ring-offset-purple-600 {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .md\:dark\:ring-offset-purple-700 {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .md\:dark\:ring-offset-purple-800 {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .md\:dark\:ring-offset-purple-900 {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .md\:dark\:ring-offset-pink-50 {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .md\:dark\:ring-offset-pink-100 {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .md\:dark\:ring-offset-pink-200 {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .md\:dark\:ring-offset-pink-300 {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .md\:dark\:ring-offset-pink-400 {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .md\:dark\:ring-offset-pink-500 {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .md\:dark\:ring-offset-pink-600 {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .md\:dark\:ring-offset-pink-700 {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .md\:dark\:ring-offset-pink-800 {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .md\:dark\:ring-offset-pink-900 {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .md\:dark\:ring-offset-grey-100 {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .md\:dark\:ring-offset-grey-200 {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .md\:dark\:ring-offset-grey-300 {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .md\:dark\:ring-offset-grey-400 {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .md\:dark\:ring-offset-grey-500 {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .md\:dark\:ring-offset-grey-600 {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .md\:dark\:ring-offset-grey-700 {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .md\:dark\:ring-offset-grey-800 {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .md\:dark\:ring-offset-grey-900 {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .md\:dark\:ring-offset-primary {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .md\:dark\:ring-offset-primary-dark {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:ring-offset-primary-light {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:ring-offset-secondary {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:ring-offset-secondary-dark {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:ring-offset-secondary-light {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:ring-offset-accent {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .md\:dark\:ring-offset-accent-dark {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:ring-offset-accent-light {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-transparent:focus-within {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-current:focus-within {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-black:focus-within {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-white:focus-within {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-gray-50:focus-within {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-gray-100:focus-within {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-gray-200:focus-within {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-gray-300:focus-within {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-gray-400:focus-within {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-gray-500:focus-within {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-gray-600:focus-within {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-gray-700:focus-within {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-gray-800:focus-within {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-gray-900:focus-within {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-red-50:focus-within {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-red-100:focus-within {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-red-200:focus-within {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-red-300:focus-within {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-red-400:focus-within {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-red-500:focus-within {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-red-600:focus-within {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-red-700:focus-within {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-red-800:focus-within {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-red-900:focus-within {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-yellow-50:focus-within {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-yellow-100:focus-within {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-yellow-200:focus-within {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-yellow-300:focus-within {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-yellow-400:focus-within {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-yellow-500:focus-within {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-yellow-600:focus-within {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-yellow-700:focus-within {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-yellow-800:focus-within {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-yellow-900:focus-within {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-green-50:focus-within {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-green-100:focus-within {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-green-200:focus-within {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-green-300:focus-within {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-green-400:focus-within {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-green-500:focus-within {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-green-600:focus-within {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-green-700:focus-within {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-green-800:focus-within {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-green-900:focus-within {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-green-apple:focus-within {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-blue-50:focus-within {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-blue-100:focus-within {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-blue-200:focus-within {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-blue-300:focus-within {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-blue-400:focus-within {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-blue-500:focus-within {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-blue-600:focus-within {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-blue-700:focus-within {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-blue-800:focus-within {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-blue-900:focus-within {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-indigo-50:focus-within {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-indigo-100:focus-within {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-indigo-200:focus-within {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-indigo-300:focus-within {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-indigo-400:focus-within {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-indigo-500:focus-within {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-indigo-600:focus-within {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-indigo-700:focus-within {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-indigo-800:focus-within {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-indigo-900:focus-within {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-purple-50:focus-within {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-purple-100:focus-within {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-purple-200:focus-within {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-purple-300:focus-within {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-purple-400:focus-within {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-purple-500:focus-within {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-purple-600:focus-within {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-purple-700:focus-within {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-purple-800:focus-within {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-purple-900:focus-within {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-pink-50:focus-within {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-pink-100:focus-within {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-pink-200:focus-within {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-pink-300:focus-within {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-pink-400:focus-within {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-pink-500:focus-within {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-pink-600:focus-within {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-pink-700:focus-within {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-pink-800:focus-within {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-pink-900:focus-within {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-grey-100:focus-within {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-grey-200:focus-within {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-grey-300:focus-within {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-grey-400:focus-within {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-grey-500:focus-within {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-grey-600:focus-within {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-grey-700:focus-within {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-grey-800:focus-within {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-grey-900:focus-within {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-primary:focus-within {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-primary-dark:focus-within {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-primary-light:focus-within {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-secondary:focus-within {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-secondary-dark:focus-within {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-secondary-light:focus-within {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-accent:focus-within {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-accent-dark:focus-within {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:focus-within\:ring-offset-accent-light:focus-within {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:focus\:ring-offset-transparent:focus {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-current:focus {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-black:focus {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-white:focus {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-gray-50:focus {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-gray-100:focus {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-gray-200:focus {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-gray-300:focus {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-gray-400:focus {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-gray-500:focus {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-gray-600:focus {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-gray-700:focus {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-gray-800:focus {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-gray-900:focus {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-red-50:focus {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-red-100:focus {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-red-200:focus {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-red-300:focus {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-red-400:focus {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-red-500:focus {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-red-600:focus {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-red-700:focus {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-red-800:focus {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-red-900:focus {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-yellow-50:focus {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-yellow-100:focus {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-yellow-200:focus {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-yellow-300:focus {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-yellow-400:focus {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-yellow-500:focus {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-yellow-600:focus {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-yellow-700:focus {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-yellow-800:focus {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-yellow-900:focus {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-green-50:focus {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-green-100:focus {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-green-200:focus {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-green-300:focus {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-green-400:focus {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-green-500:focus {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-green-600:focus {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-green-700:focus {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-green-800:focus {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-green-900:focus {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-green-apple:focus {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-blue-50:focus {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-blue-100:focus {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-blue-200:focus {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-blue-300:focus {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-blue-400:focus {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-blue-500:focus {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-blue-600:focus {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-blue-700:focus {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-blue-800:focus {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-blue-900:focus {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-indigo-50:focus {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-indigo-100:focus {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-indigo-200:focus {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-indigo-300:focus {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-indigo-400:focus {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-indigo-500:focus {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-indigo-600:focus {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-indigo-700:focus {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-indigo-800:focus {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-indigo-900:focus {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-purple-50:focus {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-purple-100:focus {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-purple-200:focus {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-purple-300:focus {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-purple-400:focus {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-purple-500:focus {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-purple-600:focus {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-purple-700:focus {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-purple-800:focus {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-purple-900:focus {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-pink-50:focus {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-pink-100:focus {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-pink-200:focus {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-pink-300:focus {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-pink-400:focus {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-pink-500:focus {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-pink-600:focus {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-pink-700:focus {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-pink-800:focus {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-pink-900:focus {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-grey-100:focus {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-grey-200:focus {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-grey-300:focus {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-grey-400:focus {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-grey-500:focus {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-grey-600:focus {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-grey-700:focus {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-grey-800:focus {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-grey-900:focus {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .md\:dark\:focus\:ring-offset-primary:focus {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .md\:dark\:focus\:ring-offset-primary-dark:focus {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:focus\:ring-offset-primary-light:focus {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:focus\:ring-offset-secondary:focus {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:focus\:ring-offset-secondary-dark:focus {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:focus\:ring-offset-secondary-light:focus {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:focus\:ring-offset-accent:focus {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .md\:dark\:focus\:ring-offset-accent-dark:focus {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:focus\:ring-offset-accent-light:focus {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:ring-transparent {
+      --tw-ring-color: transparent;
+    }
+
+    :root .md\:dark\:ring-current {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .md\:dark\:ring-black {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-white {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-gray-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-gray-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-gray-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-gray-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-gray-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-gray-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-gray-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-gray-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-gray-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-gray-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-red-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-red-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-red-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-red-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-red-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-red-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-red-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-red-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-red-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-red-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-yellow-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-yellow-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-yellow-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-yellow-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-yellow-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-yellow-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-yellow-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-yellow-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-yellow-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-yellow-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-green-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-green-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-green-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-green-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-green-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-green-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-green-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-green-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-green-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-green-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-green-apple {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-blue-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-blue-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-blue-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-blue-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-blue-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-blue-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-blue-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-blue-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-blue-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-blue-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-indigo-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-indigo-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-indigo-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-indigo-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-indigo-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-indigo-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-indigo-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-indigo-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-indigo-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-indigo-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-purple-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-purple-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-purple-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-purple-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-purple-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-purple-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-purple-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-purple-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-purple-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-purple-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-pink-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-pink-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-pink-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-pink-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-pink-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-pink-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-pink-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-pink-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-pink-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-pink-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-grey-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-grey-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-grey-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-grey-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-grey-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-grey-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-grey-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-grey-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-grey-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:ring-primary {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .md\:dark\:ring-primary-dark {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:ring-primary-light {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:ring-secondary {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:ring-secondary-dark {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:ring-secondary-light {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:ring-accent {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .md\:dark\:ring-accent-dark {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:ring-accent-light {
+      --tw-ring-color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:focus-within\:ring-transparent:focus-within {
+      --tw-ring-color: transparent;
+    }
+
+    :root .md\:dark\:focus-within\:ring-current:focus-within {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .md\:dark\:focus-within\:ring-black:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-white:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-gray-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-gray-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-gray-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-gray-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-gray-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-gray-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-gray-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-gray-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-gray-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-gray-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-red-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-red-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-red-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-red-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-red-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-red-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-red-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-red-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-red-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-red-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-yellow-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-yellow-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-yellow-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-yellow-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-yellow-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-yellow-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-yellow-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-yellow-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-yellow-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-yellow-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-green-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-green-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-green-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-green-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-green-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-green-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-green-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-green-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-green-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-green-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-green-apple:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-blue-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-blue-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-blue-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-blue-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-blue-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-blue-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-blue-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-blue-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-blue-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-blue-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-indigo-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-indigo-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-indigo-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-indigo-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-indigo-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-indigo-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-indigo-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-indigo-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-indigo-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-indigo-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-purple-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-purple-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-purple-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-purple-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-purple-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-purple-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-purple-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-purple-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-purple-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-purple-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-pink-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-pink-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-pink-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-pink-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-pink-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-pink-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-pink-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-pink-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-pink-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-pink-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-grey-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-grey-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-grey-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-grey-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-grey-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-grey-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-grey-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-grey-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-grey-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus-within\:ring-primary:focus-within {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .md\:dark\:focus-within\:ring-primary-dark:focus-within {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:focus-within\:ring-primary-light:focus-within {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:focus-within\:ring-secondary:focus-within {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:focus-within\:ring-secondary-dark:focus-within {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:focus-within\:ring-secondary-light:focus-within {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:focus-within\:ring-accent:focus-within {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .md\:dark\:focus-within\:ring-accent-dark:focus-within {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:focus-within\:ring-accent-light:focus-within {
+      --tw-ring-color: var(--color-accent-light);
+    }
+
+    :root .md\:dark\:focus\:ring-transparent:focus {
+      --tw-ring-color: transparent;
+    }
+
+    :root .md\:dark\:focus\:ring-current:focus {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .md\:dark\:focus\:ring-black:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-white:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-gray-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-gray-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-gray-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-gray-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-gray-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-gray-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-gray-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-gray-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-gray-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-gray-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-red-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-red-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-red-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-red-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-red-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-red-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-red-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-red-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-red-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-red-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-yellow-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-yellow-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-yellow-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-yellow-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-yellow-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-yellow-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-yellow-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-yellow-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-yellow-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-yellow-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-green-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-green-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-green-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-green-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-green-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-green-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-green-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-green-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-green-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-green-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-green-apple:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-blue-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-blue-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-blue-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-blue-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-blue-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-blue-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-blue-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-blue-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-blue-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-blue-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-indigo-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-indigo-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-indigo-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-indigo-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-indigo-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-indigo-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-indigo-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-indigo-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-indigo-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-indigo-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-purple-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-purple-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-purple-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-purple-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-purple-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-purple-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-purple-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-purple-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-purple-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-purple-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-pink-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-pink-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-pink-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-pink-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-pink-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-pink-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-pink-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-pink-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-pink-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-pink-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-grey-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-grey-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-grey-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-grey-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-grey-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-grey-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-grey-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-grey-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-grey-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .md\:dark\:focus\:ring-primary:focus {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .md\:dark\:focus\:ring-primary-dark:focus {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .md\:dark\:focus\:ring-primary-light:focus {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .md\:dark\:focus\:ring-secondary:focus {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .md\:dark\:focus\:ring-secondary-dark:focus {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .md\:dark\:focus\:ring-secondary-light:focus {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .md\:dark\:focus\:ring-accent:focus {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .md\:dark\:focus\:ring-accent-dark:focus {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .md\:dark\:focus\:ring-accent-light:focus {
+      --tw-ring-color: var(--color-accent-light);
+    }
+  }
+
+  @media (min-width: 1024px) {
+    :root .lg\:dark\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+      border-color: transparent;
+    }
+
+    :root .lg\:dark\:divide-current > :not([hidden]) ~ :not([hidden]) {
+      border-color: currentColor;
+    }
+
+    :root .lg\:dark\:divide-black > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-white > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-green-apple > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-grey-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-grey-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-grey-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-grey-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-grey-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-grey-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-grey-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-grey-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-grey-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-divide-opacity));
+    }
+
+    :root .lg\:dark\:divide-primary > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:divide-primary-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:divide-primary-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:divide-secondary > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:divide-secondary-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:divide-secondary-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:divide-accent > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:divide-accent-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:divide-accent-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:from-transparent {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .lg\:dark\:from-current {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:from-black {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .lg\:dark\:from-white {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:from-gray-50 {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .lg\:dark\:from-gray-100 {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .lg\:dark\:from-gray-200 {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .lg\:dark\:from-gray-300 {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .lg\:dark\:from-gray-400 {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .lg\:dark\:from-gray-500 {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .lg\:dark\:from-gray-600 {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .lg\:dark\:from-gray-700 {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .lg\:dark\:from-gray-800 {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .lg\:dark\:from-gray-900 {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .lg\:dark\:from-red-50 {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .lg\:dark\:from-red-100 {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .lg\:dark\:from-red-200 {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .lg\:dark\:from-red-300 {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .lg\:dark\:from-red-400 {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .lg\:dark\:from-red-500 {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .lg\:dark\:from-red-600 {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .lg\:dark\:from-red-700 {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .lg\:dark\:from-red-800 {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .lg\:dark\:from-red-900 {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .lg\:dark\:from-yellow-50 {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .lg\:dark\:from-yellow-100 {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .lg\:dark\:from-yellow-200 {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .lg\:dark\:from-yellow-300 {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .lg\:dark\:from-yellow-400 {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .lg\:dark\:from-yellow-500 {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .lg\:dark\:from-yellow-600 {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .lg\:dark\:from-yellow-700 {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .lg\:dark\:from-yellow-800 {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .lg\:dark\:from-yellow-900 {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .lg\:dark\:from-green-50 {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .lg\:dark\:from-green-100 {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .lg\:dark\:from-green-200 {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .lg\:dark\:from-green-300 {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .lg\:dark\:from-green-400 {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .lg\:dark\:from-green-500 {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .lg\:dark\:from-green-600 {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .lg\:dark\:from-green-700 {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .lg\:dark\:from-green-800 {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .lg\:dark\:from-green-900 {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .lg\:dark\:from-green-apple {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .lg\:dark\:from-blue-50 {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .lg\:dark\:from-blue-100 {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .lg\:dark\:from-blue-200 {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .lg\:dark\:from-blue-300 {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .lg\:dark\:from-blue-400 {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .lg\:dark\:from-blue-500 {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .lg\:dark\:from-blue-600 {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .lg\:dark\:from-blue-700 {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .lg\:dark\:from-blue-800 {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .lg\:dark\:from-blue-900 {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .lg\:dark\:from-indigo-50 {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .lg\:dark\:from-indigo-100 {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .lg\:dark\:from-indigo-200 {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .lg\:dark\:from-indigo-300 {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .lg\:dark\:from-indigo-400 {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .lg\:dark\:from-indigo-500 {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .lg\:dark\:from-indigo-600 {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .lg\:dark\:from-indigo-700 {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .lg\:dark\:from-indigo-800 {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .lg\:dark\:from-indigo-900 {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .lg\:dark\:from-purple-50 {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .lg\:dark\:from-purple-100 {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .lg\:dark\:from-purple-200 {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .lg\:dark\:from-purple-300 {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .lg\:dark\:from-purple-400 {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .lg\:dark\:from-purple-500 {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .lg\:dark\:from-purple-600 {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .lg\:dark\:from-purple-700 {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .lg\:dark\:from-purple-800 {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .lg\:dark\:from-purple-900 {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .lg\:dark\:from-pink-50 {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .lg\:dark\:from-pink-100 {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .lg\:dark\:from-pink-200 {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .lg\:dark\:from-pink-300 {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .lg\:dark\:from-pink-400 {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .lg\:dark\:from-pink-500 {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .lg\:dark\:from-pink-600 {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .lg\:dark\:from-pink-700 {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .lg\:dark\:from-pink-800 {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .lg\:dark\:from-pink-900 {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .lg\:dark\:from-grey-100 {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .lg\:dark\:from-grey-200 {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .lg\:dark\:from-grey-300 {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .lg\:dark\:from-grey-400 {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .lg\:dark\:from-grey-500 {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .lg\:dark\:from-grey-600 {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .lg\:dark\:from-grey-700 {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .lg\:dark\:from-grey-800 {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .lg\:dark\:from-grey-900 {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .lg\:dark\:from-primary {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:from-primary-dark {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:from-primary-light {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:from-secondary {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:from-secondary-dark {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:from-secondary-light {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:from-accent {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:from-accent-dark {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:from-accent-light {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:via-transparent {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .lg\:dark\:via-current {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:via-black {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .lg\:dark\:via-white {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:via-gray-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .lg\:dark\:via-gray-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .lg\:dark\:via-gray-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .lg\:dark\:via-gray-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .lg\:dark\:via-gray-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .lg\:dark\:via-gray-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .lg\:dark\:via-gray-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .lg\:dark\:via-gray-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .lg\:dark\:via-gray-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .lg\:dark\:via-gray-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .lg\:dark\:via-red-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .lg\:dark\:via-red-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .lg\:dark\:via-red-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .lg\:dark\:via-red-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .lg\:dark\:via-red-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .lg\:dark\:via-red-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .lg\:dark\:via-red-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .lg\:dark\:via-red-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .lg\:dark\:via-red-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .lg\:dark\:via-red-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .lg\:dark\:via-yellow-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .lg\:dark\:via-yellow-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .lg\:dark\:via-yellow-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .lg\:dark\:via-yellow-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .lg\:dark\:via-yellow-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .lg\:dark\:via-yellow-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .lg\:dark\:via-yellow-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .lg\:dark\:via-yellow-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .lg\:dark\:via-yellow-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .lg\:dark\:via-yellow-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .lg\:dark\:via-green-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .lg\:dark\:via-green-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .lg\:dark\:via-green-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .lg\:dark\:via-green-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .lg\:dark\:via-green-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .lg\:dark\:via-green-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .lg\:dark\:via-green-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .lg\:dark\:via-green-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .lg\:dark\:via-green-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .lg\:dark\:via-green-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .lg\:dark\:via-green-apple {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .lg\:dark\:via-blue-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .lg\:dark\:via-blue-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .lg\:dark\:via-blue-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .lg\:dark\:via-blue-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .lg\:dark\:via-blue-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .lg\:dark\:via-blue-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .lg\:dark\:via-blue-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .lg\:dark\:via-blue-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .lg\:dark\:via-blue-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .lg\:dark\:via-blue-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .lg\:dark\:via-indigo-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .lg\:dark\:via-indigo-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .lg\:dark\:via-indigo-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .lg\:dark\:via-indigo-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .lg\:dark\:via-indigo-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .lg\:dark\:via-indigo-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .lg\:dark\:via-indigo-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .lg\:dark\:via-indigo-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .lg\:dark\:via-indigo-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .lg\:dark\:via-indigo-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .lg\:dark\:via-purple-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .lg\:dark\:via-purple-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .lg\:dark\:via-purple-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .lg\:dark\:via-purple-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .lg\:dark\:via-purple-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .lg\:dark\:via-purple-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .lg\:dark\:via-purple-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .lg\:dark\:via-purple-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .lg\:dark\:via-purple-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .lg\:dark\:via-purple-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .lg\:dark\:via-pink-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .lg\:dark\:via-pink-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .lg\:dark\:via-pink-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .lg\:dark\:via-pink-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .lg\:dark\:via-pink-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .lg\:dark\:via-pink-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .lg\:dark\:via-pink-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .lg\:dark\:via-pink-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .lg\:dark\:via-pink-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .lg\:dark\:via-pink-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .lg\:dark\:via-grey-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .lg\:dark\:via-grey-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .lg\:dark\:via-grey-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .lg\:dark\:via-grey-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .lg\:dark\:via-grey-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .lg\:dark\:via-grey-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .lg\:dark\:via-grey-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .lg\:dark\:via-grey-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .lg\:dark\:via-grey-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .lg\:dark\:via-primary {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:via-primary-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:via-primary-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:via-secondary {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:via-secondary-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:via-secondary-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:via-accent {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:via-accent-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:via-accent-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:to-transparent {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .lg\:dark\:to-current {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .lg\:dark\:to-black {
+      --tw-gradient-to: #000;
+    }
+
+    :root .lg\:dark\:to-white {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .lg\:dark\:to-gray-50 {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .lg\:dark\:to-gray-100 {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .lg\:dark\:to-gray-200 {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .lg\:dark\:to-gray-300 {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .lg\:dark\:to-gray-400 {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .lg\:dark\:to-gray-500 {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .lg\:dark\:to-gray-600 {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .lg\:dark\:to-gray-700 {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .lg\:dark\:to-gray-800 {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .lg\:dark\:to-gray-900 {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .lg\:dark\:to-red-50 {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .lg\:dark\:to-red-100 {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .lg\:dark\:to-red-200 {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .lg\:dark\:to-red-300 {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .lg\:dark\:to-red-400 {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .lg\:dark\:to-red-500 {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .lg\:dark\:to-red-600 {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .lg\:dark\:to-red-700 {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .lg\:dark\:to-red-800 {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .lg\:dark\:to-red-900 {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .lg\:dark\:to-yellow-50 {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .lg\:dark\:to-yellow-100 {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .lg\:dark\:to-yellow-200 {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .lg\:dark\:to-yellow-300 {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .lg\:dark\:to-yellow-400 {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .lg\:dark\:to-yellow-500 {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .lg\:dark\:to-yellow-600 {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .lg\:dark\:to-yellow-700 {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .lg\:dark\:to-yellow-800 {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .lg\:dark\:to-yellow-900 {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .lg\:dark\:to-green-50 {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .lg\:dark\:to-green-100 {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .lg\:dark\:to-green-200 {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .lg\:dark\:to-green-300 {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .lg\:dark\:to-green-400 {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .lg\:dark\:to-green-500 {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .lg\:dark\:to-green-600 {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .lg\:dark\:to-green-700 {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .lg\:dark\:to-green-800 {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .lg\:dark\:to-green-900 {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .lg\:dark\:to-green-apple {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .lg\:dark\:to-blue-50 {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .lg\:dark\:to-blue-100 {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .lg\:dark\:to-blue-200 {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .lg\:dark\:to-blue-300 {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .lg\:dark\:to-blue-400 {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .lg\:dark\:to-blue-500 {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .lg\:dark\:to-blue-600 {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .lg\:dark\:to-blue-700 {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .lg\:dark\:to-blue-800 {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .lg\:dark\:to-blue-900 {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .lg\:dark\:to-indigo-50 {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .lg\:dark\:to-indigo-100 {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .lg\:dark\:to-indigo-200 {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .lg\:dark\:to-indigo-300 {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .lg\:dark\:to-indigo-400 {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .lg\:dark\:to-indigo-500 {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .lg\:dark\:to-indigo-600 {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .lg\:dark\:to-indigo-700 {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .lg\:dark\:to-indigo-800 {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .lg\:dark\:to-indigo-900 {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .lg\:dark\:to-purple-50 {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .lg\:dark\:to-purple-100 {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .lg\:dark\:to-purple-200 {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .lg\:dark\:to-purple-300 {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .lg\:dark\:to-purple-400 {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .lg\:dark\:to-purple-500 {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .lg\:dark\:to-purple-600 {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .lg\:dark\:to-purple-700 {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .lg\:dark\:to-purple-800 {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .lg\:dark\:to-purple-900 {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .lg\:dark\:to-pink-50 {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .lg\:dark\:to-pink-100 {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .lg\:dark\:to-pink-200 {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .lg\:dark\:to-pink-300 {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .lg\:dark\:to-pink-400 {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .lg\:dark\:to-pink-500 {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .lg\:dark\:to-pink-600 {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .lg\:dark\:to-pink-700 {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .lg\:dark\:to-pink-800 {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .lg\:dark\:to-pink-900 {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .lg\:dark\:to-grey-100 {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .lg\:dark\:to-grey-200 {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .lg\:dark\:to-grey-300 {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .lg\:dark\:to-grey-400 {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .lg\:dark\:to-grey-500 {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .lg\:dark\:to-grey-600 {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .lg\:dark\:to-grey-700 {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .lg\:dark\:to-grey-800 {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .lg\:dark\:to-grey-900 {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .lg\:dark\:to-primary {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .lg\:dark\:to-primary-dark {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:to-primary-light {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:to-secondary {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:to-secondary-dark {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:to-secondary-light {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:to-accent {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .lg\:dark\:to-accent-dark {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:to-accent-light {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:hover\:from-transparent:hover {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-current:hover {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-black:hover {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-white:hover {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-gray-50:hover {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-gray-100:hover {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-gray-200:hover {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-gray-300:hover {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-gray-400:hover {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-gray-500:hover {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-gray-600:hover {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-gray-700:hover {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-gray-800:hover {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-gray-900:hover {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-red-50:hover {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-red-100:hover {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-red-200:hover {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-red-300:hover {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-red-400:hover {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-red-500:hover {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-red-600:hover {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-red-700:hover {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-red-800:hover {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-red-900:hover {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-yellow-50:hover {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-yellow-100:hover {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-yellow-200:hover {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-yellow-300:hover {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-yellow-400:hover {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-yellow-500:hover {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-yellow-600:hover {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-yellow-700:hover {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-yellow-800:hover {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-yellow-900:hover {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-green-50:hover {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-green-100:hover {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-green-200:hover {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-green-300:hover {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-green-400:hover {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-green-500:hover {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-green-600:hover {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-green-700:hover {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-green-800:hover {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-green-900:hover {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-green-apple:hover {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-blue-50:hover {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-blue-100:hover {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-blue-200:hover {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-blue-300:hover {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-blue-400:hover {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-blue-500:hover {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-blue-600:hover {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-blue-700:hover {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-blue-800:hover {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-blue-900:hover {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-indigo-50:hover {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-indigo-100:hover {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-indigo-200:hover {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-indigo-300:hover {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-indigo-400:hover {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-indigo-500:hover {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-indigo-600:hover {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-indigo-700:hover {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-indigo-800:hover {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-indigo-900:hover {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-purple-50:hover {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-purple-100:hover {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-purple-200:hover {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-purple-300:hover {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-purple-400:hover {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-purple-500:hover {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-purple-600:hover {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-purple-700:hover {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-purple-800:hover {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-purple-900:hover {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-pink-50:hover {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-pink-100:hover {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-pink-200:hover {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-pink-300:hover {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-pink-400:hover {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-pink-500:hover {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-pink-600:hover {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-pink-700:hover {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-pink-800:hover {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-pink-900:hover {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-grey-100:hover {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-grey-200:hover {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-grey-300:hover {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-grey-400:hover {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-grey-500:hover {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-grey-600:hover {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-grey-700:hover {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-grey-800:hover {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-grey-900:hover {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-primary:hover {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-primary-dark:hover {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-primary-light:hover {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-secondary:hover {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-secondary-dark:hover {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-secondary-light:hover {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-accent:hover {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-accent-dark:hover {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:from-accent-light:hover {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-transparent:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-current:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-black:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-white:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-gray-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-gray-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-gray-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-gray-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-gray-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-gray-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-gray-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-gray-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-gray-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-gray-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-red-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-red-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-red-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-red-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-red-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-red-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-red-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-red-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-red-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-red-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-yellow-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-yellow-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-yellow-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-yellow-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-yellow-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-yellow-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-yellow-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-yellow-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-yellow-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-yellow-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-green-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-green-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-green-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-green-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-green-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-green-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-green-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-green-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-green-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-green-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-green-apple:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-blue-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-blue-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-blue-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-blue-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-blue-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-blue-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-blue-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-blue-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-blue-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-blue-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-indigo-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-indigo-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-indigo-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-indigo-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-indigo-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-indigo-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-indigo-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-indigo-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-indigo-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-indigo-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-purple-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-purple-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-purple-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-purple-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-purple-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-purple-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-purple-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-purple-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-purple-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-purple-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-pink-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-pink-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-pink-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-pink-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-pink-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-pink-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-pink-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-pink-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-pink-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-pink-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-grey-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-grey-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-grey-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-grey-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-grey-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-grey-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-grey-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-grey-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-grey-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-primary:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-primary-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-primary-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-secondary:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-secondary-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-secondary-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-accent:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-accent-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:via-accent-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:hover\:to-transparent:hover {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .lg\:dark\:hover\:to-current:hover {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .lg\:dark\:hover\:to-black:hover {
+      --tw-gradient-to: #000;
+    }
+
+    :root .lg\:dark\:hover\:to-white:hover {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .lg\:dark\:hover\:to-gray-50:hover {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .lg\:dark\:hover\:to-gray-100:hover {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .lg\:dark\:hover\:to-gray-200:hover {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .lg\:dark\:hover\:to-gray-300:hover {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .lg\:dark\:hover\:to-gray-400:hover {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .lg\:dark\:hover\:to-gray-500:hover {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .lg\:dark\:hover\:to-gray-600:hover {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .lg\:dark\:hover\:to-gray-700:hover {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .lg\:dark\:hover\:to-gray-800:hover {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .lg\:dark\:hover\:to-gray-900:hover {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .lg\:dark\:hover\:to-red-50:hover {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .lg\:dark\:hover\:to-red-100:hover {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .lg\:dark\:hover\:to-red-200:hover {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .lg\:dark\:hover\:to-red-300:hover {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .lg\:dark\:hover\:to-red-400:hover {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .lg\:dark\:hover\:to-red-500:hover {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .lg\:dark\:hover\:to-red-600:hover {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .lg\:dark\:hover\:to-red-700:hover {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .lg\:dark\:hover\:to-red-800:hover {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .lg\:dark\:hover\:to-red-900:hover {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .lg\:dark\:hover\:to-yellow-50:hover {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .lg\:dark\:hover\:to-yellow-100:hover {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .lg\:dark\:hover\:to-yellow-200:hover {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .lg\:dark\:hover\:to-yellow-300:hover {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .lg\:dark\:hover\:to-yellow-400:hover {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .lg\:dark\:hover\:to-yellow-500:hover {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .lg\:dark\:hover\:to-yellow-600:hover {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .lg\:dark\:hover\:to-yellow-700:hover {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .lg\:dark\:hover\:to-yellow-800:hover {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .lg\:dark\:hover\:to-yellow-900:hover {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .lg\:dark\:hover\:to-green-50:hover {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .lg\:dark\:hover\:to-green-100:hover {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .lg\:dark\:hover\:to-green-200:hover {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .lg\:dark\:hover\:to-green-300:hover {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .lg\:dark\:hover\:to-green-400:hover {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .lg\:dark\:hover\:to-green-500:hover {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .lg\:dark\:hover\:to-green-600:hover {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .lg\:dark\:hover\:to-green-700:hover {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .lg\:dark\:hover\:to-green-800:hover {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .lg\:dark\:hover\:to-green-900:hover {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .lg\:dark\:hover\:to-green-apple:hover {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .lg\:dark\:hover\:to-blue-50:hover {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .lg\:dark\:hover\:to-blue-100:hover {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .lg\:dark\:hover\:to-blue-200:hover {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .lg\:dark\:hover\:to-blue-300:hover {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .lg\:dark\:hover\:to-blue-400:hover {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .lg\:dark\:hover\:to-blue-500:hover {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .lg\:dark\:hover\:to-blue-600:hover {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .lg\:dark\:hover\:to-blue-700:hover {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .lg\:dark\:hover\:to-blue-800:hover {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .lg\:dark\:hover\:to-blue-900:hover {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .lg\:dark\:hover\:to-indigo-50:hover {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .lg\:dark\:hover\:to-indigo-100:hover {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .lg\:dark\:hover\:to-indigo-200:hover {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .lg\:dark\:hover\:to-indigo-300:hover {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .lg\:dark\:hover\:to-indigo-400:hover {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .lg\:dark\:hover\:to-indigo-500:hover {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .lg\:dark\:hover\:to-indigo-600:hover {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .lg\:dark\:hover\:to-indigo-700:hover {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .lg\:dark\:hover\:to-indigo-800:hover {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .lg\:dark\:hover\:to-indigo-900:hover {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .lg\:dark\:hover\:to-purple-50:hover {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .lg\:dark\:hover\:to-purple-100:hover {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .lg\:dark\:hover\:to-purple-200:hover {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .lg\:dark\:hover\:to-purple-300:hover {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .lg\:dark\:hover\:to-purple-400:hover {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .lg\:dark\:hover\:to-purple-500:hover {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .lg\:dark\:hover\:to-purple-600:hover {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .lg\:dark\:hover\:to-purple-700:hover {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .lg\:dark\:hover\:to-purple-800:hover {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .lg\:dark\:hover\:to-purple-900:hover {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .lg\:dark\:hover\:to-pink-50:hover {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .lg\:dark\:hover\:to-pink-100:hover {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .lg\:dark\:hover\:to-pink-200:hover {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .lg\:dark\:hover\:to-pink-300:hover {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .lg\:dark\:hover\:to-pink-400:hover {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .lg\:dark\:hover\:to-pink-500:hover {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .lg\:dark\:hover\:to-pink-600:hover {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .lg\:dark\:hover\:to-pink-700:hover {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .lg\:dark\:hover\:to-pink-800:hover {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .lg\:dark\:hover\:to-pink-900:hover {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .lg\:dark\:hover\:to-grey-100:hover {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .lg\:dark\:hover\:to-grey-200:hover {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .lg\:dark\:hover\:to-grey-300:hover {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .lg\:dark\:hover\:to-grey-400:hover {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .lg\:dark\:hover\:to-grey-500:hover {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .lg\:dark\:hover\:to-grey-600:hover {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .lg\:dark\:hover\:to-grey-700:hover {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .lg\:dark\:hover\:to-grey-800:hover {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .lg\:dark\:hover\:to-grey-900:hover {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .lg\:dark\:hover\:to-primary:hover {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .lg\:dark\:hover\:to-primary-dark:hover {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:hover\:to-primary-light:hover {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:hover\:to-secondary:hover {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:hover\:to-secondary-dark:hover {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:hover\:to-secondary-light:hover {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:hover\:to-accent:hover {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .lg\:dark\:hover\:to-accent-dark:hover {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:hover\:to-accent-light:hover {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:focus\:from-transparent:focus {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-current:focus {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-black:focus {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-white:focus {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-gray-50:focus {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-gray-100:focus {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-gray-200:focus {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-gray-300:focus {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-gray-400:focus {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-gray-500:focus {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-gray-600:focus {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-gray-700:focus {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-gray-800:focus {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-gray-900:focus {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-red-50:focus {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-red-100:focus {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-red-200:focus {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-red-300:focus {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-red-400:focus {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-red-500:focus {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-red-600:focus {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-red-700:focus {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-red-800:focus {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-red-900:focus {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-yellow-50:focus {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-yellow-100:focus {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-yellow-200:focus {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-yellow-300:focus {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-yellow-400:focus {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-yellow-500:focus {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-yellow-600:focus {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-yellow-700:focus {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-yellow-800:focus {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-yellow-900:focus {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-green-50:focus {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-green-100:focus {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-green-200:focus {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-green-300:focus {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-green-400:focus {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-green-500:focus {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-green-600:focus {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-green-700:focus {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-green-800:focus {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-green-900:focus {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-green-apple:focus {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-blue-50:focus {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-blue-100:focus {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-blue-200:focus {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-blue-300:focus {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-blue-400:focus {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-blue-500:focus {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-blue-600:focus {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-blue-700:focus {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-blue-800:focus {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-blue-900:focus {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-indigo-50:focus {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-indigo-100:focus {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-indigo-200:focus {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-indigo-300:focus {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-indigo-400:focus {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-indigo-500:focus {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-indigo-600:focus {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-indigo-700:focus {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-indigo-800:focus {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-indigo-900:focus {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-purple-50:focus {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-purple-100:focus {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-purple-200:focus {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-purple-300:focus {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-purple-400:focus {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-purple-500:focus {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-purple-600:focus {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-purple-700:focus {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-purple-800:focus {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-purple-900:focus {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-pink-50:focus {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-pink-100:focus {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-pink-200:focus {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-pink-300:focus {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-pink-400:focus {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-pink-500:focus {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-pink-600:focus {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-pink-700:focus {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-pink-800:focus {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-pink-900:focus {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-grey-100:focus {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-grey-200:focus {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-grey-300:focus {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-grey-400:focus {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-grey-500:focus {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-grey-600:focus {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-grey-700:focus {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-grey-800:focus {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-grey-900:focus {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-primary:focus {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-primary-dark:focus {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-primary-light:focus {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-secondary:focus {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-secondary-dark:focus {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-secondary-light:focus {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-accent:focus {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-accent-dark:focus {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:from-accent-light:focus {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-transparent:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-current:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-black:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-white:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-gray-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-gray-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-gray-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-gray-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-gray-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-gray-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-gray-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-gray-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-gray-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-gray-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-red-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-red-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-red-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-red-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-red-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-red-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-red-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-red-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-red-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-red-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-yellow-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-yellow-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-yellow-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-yellow-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-yellow-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-yellow-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-yellow-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-yellow-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-yellow-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-yellow-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-green-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-green-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-green-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-green-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-green-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-green-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-green-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-green-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-green-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-green-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-green-apple:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-blue-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-blue-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-blue-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-blue-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-blue-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-blue-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-blue-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-blue-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-blue-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-blue-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-indigo-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-indigo-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-indigo-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-indigo-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-indigo-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-indigo-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-indigo-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-indigo-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-indigo-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-indigo-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-purple-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-purple-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-purple-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-purple-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-purple-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-purple-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-purple-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-purple-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-purple-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-purple-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-pink-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-pink-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-pink-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-pink-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-pink-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-pink-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-pink-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-pink-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-pink-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-pink-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-grey-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-grey-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-grey-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-grey-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-grey-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-grey-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-grey-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-grey-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-grey-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-primary:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-primary-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-primary-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-secondary:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-secondary-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-secondary-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-accent:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-accent-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:via-accent-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .lg\:dark\:focus\:to-transparent:focus {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .lg\:dark\:focus\:to-current:focus {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .lg\:dark\:focus\:to-black:focus {
+      --tw-gradient-to: #000;
+    }
+
+    :root .lg\:dark\:focus\:to-white:focus {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .lg\:dark\:focus\:to-gray-50:focus {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .lg\:dark\:focus\:to-gray-100:focus {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .lg\:dark\:focus\:to-gray-200:focus {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .lg\:dark\:focus\:to-gray-300:focus {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .lg\:dark\:focus\:to-gray-400:focus {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .lg\:dark\:focus\:to-gray-500:focus {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .lg\:dark\:focus\:to-gray-600:focus {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .lg\:dark\:focus\:to-gray-700:focus {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .lg\:dark\:focus\:to-gray-800:focus {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .lg\:dark\:focus\:to-gray-900:focus {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .lg\:dark\:focus\:to-red-50:focus {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .lg\:dark\:focus\:to-red-100:focus {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .lg\:dark\:focus\:to-red-200:focus {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .lg\:dark\:focus\:to-red-300:focus {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .lg\:dark\:focus\:to-red-400:focus {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .lg\:dark\:focus\:to-red-500:focus {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .lg\:dark\:focus\:to-red-600:focus {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .lg\:dark\:focus\:to-red-700:focus {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .lg\:dark\:focus\:to-red-800:focus {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .lg\:dark\:focus\:to-red-900:focus {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .lg\:dark\:focus\:to-yellow-50:focus {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .lg\:dark\:focus\:to-yellow-100:focus {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .lg\:dark\:focus\:to-yellow-200:focus {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .lg\:dark\:focus\:to-yellow-300:focus {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .lg\:dark\:focus\:to-yellow-400:focus {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .lg\:dark\:focus\:to-yellow-500:focus {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .lg\:dark\:focus\:to-yellow-600:focus {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .lg\:dark\:focus\:to-yellow-700:focus {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .lg\:dark\:focus\:to-yellow-800:focus {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .lg\:dark\:focus\:to-yellow-900:focus {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .lg\:dark\:focus\:to-green-50:focus {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .lg\:dark\:focus\:to-green-100:focus {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .lg\:dark\:focus\:to-green-200:focus {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .lg\:dark\:focus\:to-green-300:focus {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .lg\:dark\:focus\:to-green-400:focus {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .lg\:dark\:focus\:to-green-500:focus {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .lg\:dark\:focus\:to-green-600:focus {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .lg\:dark\:focus\:to-green-700:focus {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .lg\:dark\:focus\:to-green-800:focus {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .lg\:dark\:focus\:to-green-900:focus {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .lg\:dark\:focus\:to-green-apple:focus {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .lg\:dark\:focus\:to-blue-50:focus {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .lg\:dark\:focus\:to-blue-100:focus {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .lg\:dark\:focus\:to-blue-200:focus {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .lg\:dark\:focus\:to-blue-300:focus {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .lg\:dark\:focus\:to-blue-400:focus {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .lg\:dark\:focus\:to-blue-500:focus {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .lg\:dark\:focus\:to-blue-600:focus {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .lg\:dark\:focus\:to-blue-700:focus {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .lg\:dark\:focus\:to-blue-800:focus {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .lg\:dark\:focus\:to-blue-900:focus {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .lg\:dark\:focus\:to-indigo-50:focus {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .lg\:dark\:focus\:to-indigo-100:focus {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .lg\:dark\:focus\:to-indigo-200:focus {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .lg\:dark\:focus\:to-indigo-300:focus {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .lg\:dark\:focus\:to-indigo-400:focus {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .lg\:dark\:focus\:to-indigo-500:focus {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .lg\:dark\:focus\:to-indigo-600:focus {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .lg\:dark\:focus\:to-indigo-700:focus {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .lg\:dark\:focus\:to-indigo-800:focus {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .lg\:dark\:focus\:to-indigo-900:focus {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .lg\:dark\:focus\:to-purple-50:focus {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .lg\:dark\:focus\:to-purple-100:focus {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .lg\:dark\:focus\:to-purple-200:focus {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .lg\:dark\:focus\:to-purple-300:focus {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .lg\:dark\:focus\:to-purple-400:focus {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .lg\:dark\:focus\:to-purple-500:focus {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .lg\:dark\:focus\:to-purple-600:focus {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .lg\:dark\:focus\:to-purple-700:focus {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .lg\:dark\:focus\:to-purple-800:focus {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .lg\:dark\:focus\:to-purple-900:focus {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .lg\:dark\:focus\:to-pink-50:focus {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .lg\:dark\:focus\:to-pink-100:focus {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .lg\:dark\:focus\:to-pink-200:focus {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .lg\:dark\:focus\:to-pink-300:focus {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .lg\:dark\:focus\:to-pink-400:focus {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .lg\:dark\:focus\:to-pink-500:focus {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .lg\:dark\:focus\:to-pink-600:focus {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .lg\:dark\:focus\:to-pink-700:focus {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .lg\:dark\:focus\:to-pink-800:focus {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .lg\:dark\:focus\:to-pink-900:focus {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .lg\:dark\:focus\:to-grey-100:focus {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .lg\:dark\:focus\:to-grey-200:focus {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .lg\:dark\:focus\:to-grey-300:focus {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .lg\:dark\:focus\:to-grey-400:focus {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .lg\:dark\:focus\:to-grey-500:focus {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .lg\:dark\:focus\:to-grey-600:focus {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .lg\:dark\:focus\:to-grey-700:focus {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .lg\:dark\:focus\:to-grey-800:focus {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .lg\:dark\:focus\:to-grey-900:focus {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .lg\:dark\:focus\:to-primary:focus {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .lg\:dark\:focus\:to-primary-dark:focus {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:focus\:to-primary-light:focus {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:focus\:to-secondary:focus {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:focus\:to-secondary-dark:focus {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:focus\:to-secondary-light:focus {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:focus\:to-accent:focus {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .lg\:dark\:focus\:to-accent-dark:focus {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:focus\:to-accent-light:focus {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:border-transparent {
+      border-color: transparent;
+    }
+
+    :root .lg\:dark\:border-current {
+      border-color: currentColor;
+    }
+
+    :root .lg\:dark\:border-black {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-white {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-gray-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-gray-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-gray-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-gray-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-gray-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-gray-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-gray-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-gray-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-gray-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-gray-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-red-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-red-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-red-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-red-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-red-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-red-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-red-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-red-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-red-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-red-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-yellow-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-yellow-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-yellow-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-yellow-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-yellow-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-yellow-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-yellow-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-yellow-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-yellow-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-yellow-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-green-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-green-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-green-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-green-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-green-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-green-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-green-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-green-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-green-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-green-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-green-apple {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-blue-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-blue-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-blue-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-blue-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-blue-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-blue-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-blue-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-blue-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-blue-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-blue-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-indigo-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-indigo-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-indigo-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-indigo-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-indigo-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-indigo-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-indigo-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-indigo-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-indigo-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-indigo-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-purple-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-purple-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-purple-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-purple-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-purple-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-purple-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-purple-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-purple-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-purple-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-purple-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-pink-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-pink-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-pink-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-pink-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-pink-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-pink-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-pink-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-pink-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-pink-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-pink-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-grey-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-grey-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-grey-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-grey-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-grey-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-grey-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-grey-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-grey-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-grey-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:border-primary {
+      border-color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:border-primary-dark {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:border-primary-light {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:border-secondary {
+      border-color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:border-secondary-dark {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:border-secondary-light {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:border-accent {
+      border-color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:border-accent-dark {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:border-accent-light {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-transparent {
+      border-color: transparent;
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-current {
+      border-color: currentColor;
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-black {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-white {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-gray-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-gray-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-gray-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-gray-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-gray-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-gray-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-gray-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-gray-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-gray-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-gray-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-red-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-red-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-red-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-red-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-red-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-red-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-red-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-red-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-red-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-red-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-yellow-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-yellow-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-yellow-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-yellow-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-yellow-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-yellow-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-yellow-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-yellow-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-yellow-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-yellow-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-green-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-green-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-green-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-green-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-green-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-green-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-green-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-green-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-green-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-green-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-green-apple {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-blue-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-blue-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-blue-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-blue-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-blue-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-blue-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-blue-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-blue-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-blue-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-blue-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-indigo-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-indigo-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-indigo-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-indigo-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-indigo-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-indigo-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-indigo-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-indigo-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-indigo-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-indigo-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-purple-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-purple-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-purple-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-purple-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-purple-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-purple-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-purple-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-purple-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-purple-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-purple-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-pink-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-pink-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-pink-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-pink-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-pink-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-pink-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-pink-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-pink-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-pink-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-pink-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-grey-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-grey-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-grey-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-grey-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-grey-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-grey-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-grey-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-grey-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-grey-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-primary {
+      border-color: var(--color-primary);
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-primary-dark {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-primary-light {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-secondary {
+      border-color: var(--color-secondary);
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-secondary-dark {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-secondary-light {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-accent {
+      border-color: var(--color-accent);
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-accent-dark {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .group:hover .lg\:dark\:group-hover\:border-accent-light {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:focus-within\:border-transparent:focus-within {
+      border-color: transparent;
+    }
+
+    :root .lg\:dark\:focus-within\:border-current:focus-within {
+      border-color: currentColor;
+    }
+
+    :root .lg\:dark\:focus-within\:border-black:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-white:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-gray-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-gray-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-gray-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-gray-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-gray-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-gray-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-gray-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-gray-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-gray-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-gray-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-red-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-red-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-red-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-red-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-red-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-red-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-red-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-red-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-red-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-red-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-yellow-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-yellow-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-yellow-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-yellow-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-yellow-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-yellow-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-yellow-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-yellow-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-yellow-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-yellow-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-green-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-green-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-green-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-green-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-green-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-green-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-green-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-green-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-green-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-green-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-green-apple:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-blue-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-blue-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-blue-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-blue-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-blue-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-blue-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-blue-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-blue-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-blue-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-blue-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-indigo-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-indigo-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-indigo-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-indigo-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-indigo-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-indigo-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-indigo-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-indigo-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-indigo-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-indigo-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-purple-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-purple-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-purple-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-purple-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-purple-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-purple-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-purple-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-purple-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-purple-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-purple-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-pink-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-pink-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-pink-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-pink-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-pink-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-pink-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-pink-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-pink-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-pink-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-pink-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-grey-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-grey-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-grey-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-grey-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-grey-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-grey-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-grey-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-grey-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-grey-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:border-primary:focus-within {
+      border-color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:focus-within\:border-primary-dark:focus-within {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:focus-within\:border-primary-light:focus-within {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:focus-within\:border-secondary:focus-within {
+      border-color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:focus-within\:border-secondary-dark:focus-within {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:focus-within\:border-secondary-light:focus-within {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:focus-within\:border-accent:focus-within {
+      border-color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:focus-within\:border-accent-dark:focus-within {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:focus-within\:border-accent-light:focus-within {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:hover\:border-transparent:hover {
+      border-color: transparent;
+    }
+
+    :root .lg\:dark\:hover\:border-current:hover {
+      border-color: currentColor;
+    }
+
+    :root .lg\:dark\:hover\:border-black:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-white:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-gray-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-gray-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-gray-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-gray-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-gray-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-gray-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-gray-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-gray-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-gray-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-gray-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-red-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-red-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-red-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-red-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-red-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-red-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-red-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-red-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-red-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-red-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-yellow-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-yellow-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-yellow-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-yellow-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-yellow-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-yellow-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-yellow-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-yellow-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-yellow-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-yellow-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-green-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-green-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-green-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-green-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-green-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-green-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-green-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-green-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-green-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-green-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-green-apple:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-blue-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-blue-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-blue-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-blue-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-blue-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-blue-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-blue-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-blue-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-blue-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-blue-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-indigo-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-indigo-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-indigo-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-indigo-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-indigo-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-indigo-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-indigo-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-indigo-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-indigo-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-indigo-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-purple-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-purple-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-purple-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-purple-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-purple-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-purple-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-purple-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-purple-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-purple-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-purple-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-pink-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-pink-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-pink-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-pink-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-pink-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-pink-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-pink-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-pink-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-pink-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-pink-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-grey-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-grey-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-grey-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-grey-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-grey-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-grey-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-grey-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-grey-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-grey-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:hover\:border-primary:hover {
+      border-color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:hover\:border-primary-dark:hover {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:hover\:border-primary-light:hover {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:hover\:border-secondary:hover {
+      border-color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:hover\:border-secondary-dark:hover {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:hover\:border-secondary-light:hover {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:hover\:border-accent:hover {
+      border-color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:hover\:border-accent-dark:hover {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:hover\:border-accent-light:hover {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:focus\:border-transparent:focus {
+      border-color: transparent;
+    }
+
+    :root .lg\:dark\:focus\:border-current:focus {
+      border-color: currentColor;
+    }
+
+    :root .lg\:dark\:focus\:border-black:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-white:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-gray-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-gray-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-gray-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-gray-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-gray-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-gray-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-gray-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-gray-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-gray-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-gray-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-red-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-red-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-red-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-red-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-red-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-red-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-red-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-red-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-red-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-red-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-yellow-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-yellow-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-yellow-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-yellow-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-yellow-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-yellow-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-yellow-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-yellow-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-yellow-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-yellow-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-green-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-green-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-green-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-green-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-green-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-green-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-green-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-green-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-green-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-green-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-green-apple:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-blue-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-blue-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-blue-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-blue-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-blue-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-blue-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-blue-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-blue-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-blue-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-blue-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-indigo-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-indigo-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-indigo-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-indigo-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-indigo-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-indigo-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-indigo-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-indigo-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-indigo-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-indigo-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-purple-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-purple-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-purple-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-purple-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-purple-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-purple-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-purple-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-purple-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-purple-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-purple-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-pink-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-pink-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-pink-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-pink-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-pink-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-pink-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-pink-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-pink-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-pink-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-pink-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-grey-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-grey-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-grey-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-grey-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-grey-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-grey-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-grey-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-grey-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-grey-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .lg\:dark\:focus\:border-primary:focus {
+      border-color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:focus\:border-primary-dark:focus {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:focus\:border-primary-light:focus {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:focus\:border-secondary:focus {
+      border-color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:focus\:border-secondary-dark:focus {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:focus\:border-secondary-light:focus {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:focus\:border-accent:focus {
+      border-color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:focus\:border-accent-dark:focus {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:focus\:border-accent-light:focus {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:placeholder-transparent::-moz-placeholder {
+      color: transparent;
+    }
+
+    :root .lg\:dark\:placeholder-transparent:-ms-input-placeholder {
+      color: transparent;
+    }
+
+    :root .lg\:dark\:placeholder-transparent::placeholder {
+      color: transparent;
+    }
+
+    :root .lg\:dark\:placeholder-current::-moz-placeholder {
+      color: currentColor;
+    }
+
+    :root .lg\:dark\:placeholder-current:-ms-input-placeholder {
+      color: currentColor;
+    }
+
+    :root .lg\:dark\:placeholder-current::placeholder {
+      color: currentColor;
+    }
+
+    :root .lg\:dark\:placeholder-black::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-black:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-black::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-white::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-white:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-white::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-gray-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-red-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-yellow-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-apple::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-apple:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-green-apple::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-blue-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-indigo-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-purple-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-pink-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-grey-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:placeholder-primary::-moz-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:placeholder-primary:-ms-input-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:placeholder-primary::placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:placeholder-primary-dark::-moz-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:placeholder-primary-dark:-ms-input-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:placeholder-primary-dark::placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:placeholder-primary-light::-moz-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:placeholder-primary-light:-ms-input-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:placeholder-primary-light::placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:placeholder-secondary::-moz-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:placeholder-secondary:-ms-input-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:placeholder-secondary::placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:placeholder-secondary-dark::-moz-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:placeholder-secondary-dark:-ms-input-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:placeholder-secondary-dark::placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:placeholder-secondary-light::-moz-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:placeholder-secondary-light:-ms-input-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:placeholder-secondary-light::placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:placeholder-accent::-moz-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:placeholder-accent:-ms-input-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:placeholder-accent::placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:placeholder-accent-dark::-moz-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:placeholder-accent-dark:-ms-input-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:placeholder-accent-dark::placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:placeholder-accent-light::-moz-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:placeholder-accent-light:-ms-input-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:placeholder-accent-light::placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-transparent:focus::-moz-placeholder {
+      color: transparent;
+    }
+
+    :root .lg\:dark\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+      color: transparent;
+    }
+
+    :root .lg\:dark\:focus\:placeholder-transparent:focus::placeholder {
+      color: transparent;
+    }
+
+    :root .lg\:dark\:focus\:placeholder-current:focus::-moz-placeholder {
+      color: currentColor;
+    }
+
+    :root .lg\:dark\:focus\:placeholder-current:focus:-ms-input-placeholder {
+      color: currentColor;
+    }
+
+    :root .lg\:dark\:focus\:placeholder-current:focus::placeholder {
+      color: currentColor;
+    }
+
+    :root .lg\:dark\:focus\:placeholder-black:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-black:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-black:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-white:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-white:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-white:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-gray-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-red-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-yellow-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-apple:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-apple:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-green-apple:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-blue-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-indigo-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-purple-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-pink-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-grey-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .lg\:dark\:focus\:placeholder-primary:focus::-moz-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-primary:focus:-ms-input-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-primary:focus::placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-primary-dark:focus::-moz-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-primary-dark:focus:-ms-input-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-primary-dark:focus::placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-primary-light:focus::-moz-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-primary-light:focus:-ms-input-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-primary-light:focus::placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-secondary:focus::-moz-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-secondary:focus:-ms-input-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-secondary:focus::placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-secondary-dark:focus::-moz-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-secondary-dark:focus:-ms-input-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-secondary-dark:focus::placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-secondary-light:focus::-moz-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-secondary-light:focus:-ms-input-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-secondary-light:focus::placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-accent:focus::-moz-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-accent:focus:-ms-input-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-accent:focus::placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-accent-dark:focus::-moz-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-accent-dark:focus:-ms-input-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-accent-dark:focus::placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-accent-light:focus::-moz-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-accent-light:focus:-ms-input-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:focus\:placeholder-accent-light:focus::placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:ring-offset-transparent {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .lg\:dark\:ring-offset-current {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .lg\:dark\:ring-offset-black {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .lg\:dark\:ring-offset-white {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .lg\:dark\:ring-offset-gray-50 {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .lg\:dark\:ring-offset-gray-100 {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .lg\:dark\:ring-offset-gray-200 {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .lg\:dark\:ring-offset-gray-300 {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .lg\:dark\:ring-offset-gray-400 {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .lg\:dark\:ring-offset-gray-500 {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .lg\:dark\:ring-offset-gray-600 {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .lg\:dark\:ring-offset-gray-700 {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .lg\:dark\:ring-offset-gray-800 {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .lg\:dark\:ring-offset-gray-900 {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .lg\:dark\:ring-offset-red-50 {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .lg\:dark\:ring-offset-red-100 {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .lg\:dark\:ring-offset-red-200 {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .lg\:dark\:ring-offset-red-300 {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .lg\:dark\:ring-offset-red-400 {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .lg\:dark\:ring-offset-red-500 {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .lg\:dark\:ring-offset-red-600 {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .lg\:dark\:ring-offset-red-700 {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .lg\:dark\:ring-offset-red-800 {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .lg\:dark\:ring-offset-red-900 {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .lg\:dark\:ring-offset-yellow-50 {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .lg\:dark\:ring-offset-yellow-100 {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .lg\:dark\:ring-offset-yellow-200 {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .lg\:dark\:ring-offset-yellow-300 {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .lg\:dark\:ring-offset-yellow-400 {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .lg\:dark\:ring-offset-yellow-500 {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .lg\:dark\:ring-offset-yellow-600 {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .lg\:dark\:ring-offset-yellow-700 {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .lg\:dark\:ring-offset-yellow-800 {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .lg\:dark\:ring-offset-yellow-900 {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .lg\:dark\:ring-offset-green-50 {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .lg\:dark\:ring-offset-green-100 {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .lg\:dark\:ring-offset-green-200 {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .lg\:dark\:ring-offset-green-300 {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .lg\:dark\:ring-offset-green-400 {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .lg\:dark\:ring-offset-green-500 {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .lg\:dark\:ring-offset-green-600 {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .lg\:dark\:ring-offset-green-700 {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .lg\:dark\:ring-offset-green-800 {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .lg\:dark\:ring-offset-green-900 {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .lg\:dark\:ring-offset-green-apple {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .lg\:dark\:ring-offset-blue-50 {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .lg\:dark\:ring-offset-blue-100 {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .lg\:dark\:ring-offset-blue-200 {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .lg\:dark\:ring-offset-blue-300 {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .lg\:dark\:ring-offset-blue-400 {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .lg\:dark\:ring-offset-blue-500 {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .lg\:dark\:ring-offset-blue-600 {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .lg\:dark\:ring-offset-blue-700 {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .lg\:dark\:ring-offset-blue-800 {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .lg\:dark\:ring-offset-blue-900 {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .lg\:dark\:ring-offset-indigo-50 {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .lg\:dark\:ring-offset-indigo-100 {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .lg\:dark\:ring-offset-indigo-200 {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .lg\:dark\:ring-offset-indigo-300 {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .lg\:dark\:ring-offset-indigo-400 {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .lg\:dark\:ring-offset-indigo-500 {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .lg\:dark\:ring-offset-indigo-600 {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .lg\:dark\:ring-offset-indigo-700 {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .lg\:dark\:ring-offset-indigo-800 {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .lg\:dark\:ring-offset-indigo-900 {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .lg\:dark\:ring-offset-purple-50 {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .lg\:dark\:ring-offset-purple-100 {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .lg\:dark\:ring-offset-purple-200 {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .lg\:dark\:ring-offset-purple-300 {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .lg\:dark\:ring-offset-purple-400 {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .lg\:dark\:ring-offset-purple-500 {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .lg\:dark\:ring-offset-purple-600 {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .lg\:dark\:ring-offset-purple-700 {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .lg\:dark\:ring-offset-purple-800 {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .lg\:dark\:ring-offset-purple-900 {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .lg\:dark\:ring-offset-pink-50 {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .lg\:dark\:ring-offset-pink-100 {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .lg\:dark\:ring-offset-pink-200 {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .lg\:dark\:ring-offset-pink-300 {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .lg\:dark\:ring-offset-pink-400 {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .lg\:dark\:ring-offset-pink-500 {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .lg\:dark\:ring-offset-pink-600 {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .lg\:dark\:ring-offset-pink-700 {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .lg\:dark\:ring-offset-pink-800 {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .lg\:dark\:ring-offset-pink-900 {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .lg\:dark\:ring-offset-grey-100 {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .lg\:dark\:ring-offset-grey-200 {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .lg\:dark\:ring-offset-grey-300 {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .lg\:dark\:ring-offset-grey-400 {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .lg\:dark\:ring-offset-grey-500 {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .lg\:dark\:ring-offset-grey-600 {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .lg\:dark\:ring-offset-grey-700 {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .lg\:dark\:ring-offset-grey-800 {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .lg\:dark\:ring-offset-grey-900 {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .lg\:dark\:ring-offset-primary {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:ring-offset-primary-dark {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:ring-offset-primary-light {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:ring-offset-secondary {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:ring-offset-secondary-dark {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:ring-offset-secondary-light {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:ring-offset-accent {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:ring-offset-accent-dark {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:ring-offset-accent-light {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-transparent:focus-within {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-current:focus-within {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-black:focus-within {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-white:focus-within {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-gray-50:focus-within {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-gray-100:focus-within {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-gray-200:focus-within {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-gray-300:focus-within {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-gray-400:focus-within {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-gray-500:focus-within {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-gray-600:focus-within {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-gray-700:focus-within {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-gray-800:focus-within {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-gray-900:focus-within {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-red-50:focus-within {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-red-100:focus-within {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-red-200:focus-within {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-red-300:focus-within {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-red-400:focus-within {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-red-500:focus-within {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-red-600:focus-within {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-red-700:focus-within {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-red-800:focus-within {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-red-900:focus-within {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-yellow-50:focus-within {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-yellow-100:focus-within {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-yellow-200:focus-within {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-yellow-300:focus-within {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-yellow-400:focus-within {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-yellow-500:focus-within {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-yellow-600:focus-within {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-yellow-700:focus-within {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-yellow-800:focus-within {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-yellow-900:focus-within {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-green-50:focus-within {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-green-100:focus-within {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-green-200:focus-within {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-green-300:focus-within {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-green-400:focus-within {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-green-500:focus-within {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-green-600:focus-within {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-green-700:focus-within {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-green-800:focus-within {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-green-900:focus-within {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-green-apple:focus-within {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-blue-50:focus-within {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-blue-100:focus-within {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-blue-200:focus-within {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-blue-300:focus-within {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-blue-400:focus-within {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-blue-500:focus-within {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-blue-600:focus-within {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-blue-700:focus-within {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-blue-800:focus-within {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-blue-900:focus-within {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-indigo-50:focus-within {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-indigo-100:focus-within {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-indigo-200:focus-within {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-indigo-300:focus-within {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-indigo-400:focus-within {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-indigo-500:focus-within {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-indigo-600:focus-within {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-indigo-700:focus-within {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-indigo-800:focus-within {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-indigo-900:focus-within {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-purple-50:focus-within {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-purple-100:focus-within {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-purple-200:focus-within {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-purple-300:focus-within {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-purple-400:focus-within {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-purple-500:focus-within {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-purple-600:focus-within {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-purple-700:focus-within {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-purple-800:focus-within {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-purple-900:focus-within {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-pink-50:focus-within {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-pink-100:focus-within {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-pink-200:focus-within {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-pink-300:focus-within {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-pink-400:focus-within {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-pink-500:focus-within {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-pink-600:focus-within {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-pink-700:focus-within {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-pink-800:focus-within {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-pink-900:focus-within {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-grey-100:focus-within {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-grey-200:focus-within {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-grey-300:focus-within {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-grey-400:focus-within {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-grey-500:focus-within {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-grey-600:focus-within {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-grey-700:focus-within {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-grey-800:focus-within {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-grey-900:focus-within {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-primary:focus-within {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-primary-dark:focus-within {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-primary-light:focus-within {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-secondary:focus-within {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-secondary-dark:focus-within {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-secondary-light:focus-within {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-accent:focus-within {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-accent-dark:focus-within {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-offset-accent-light:focus-within {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-transparent:focus {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-current:focus {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-black:focus {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-white:focus {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-gray-50:focus {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-gray-100:focus {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-gray-200:focus {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-gray-300:focus {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-gray-400:focus {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-gray-500:focus {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-gray-600:focus {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-gray-700:focus {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-gray-800:focus {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-gray-900:focus {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-red-50:focus {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-red-100:focus {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-red-200:focus {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-red-300:focus {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-red-400:focus {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-red-500:focus {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-red-600:focus {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-red-700:focus {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-red-800:focus {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-red-900:focus {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-yellow-50:focus {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-yellow-100:focus {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-yellow-200:focus {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-yellow-300:focus {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-yellow-400:focus {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-yellow-500:focus {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-yellow-600:focus {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-yellow-700:focus {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-yellow-800:focus {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-yellow-900:focus {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-green-50:focus {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-green-100:focus {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-green-200:focus {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-green-300:focus {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-green-400:focus {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-green-500:focus {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-green-600:focus {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-green-700:focus {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-green-800:focus {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-green-900:focus {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-green-apple:focus {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-blue-50:focus {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-blue-100:focus {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-blue-200:focus {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-blue-300:focus {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-blue-400:focus {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-blue-500:focus {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-blue-600:focus {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-blue-700:focus {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-blue-800:focus {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-blue-900:focus {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-indigo-50:focus {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-indigo-100:focus {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-indigo-200:focus {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-indigo-300:focus {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-indigo-400:focus {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-indigo-500:focus {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-indigo-600:focus {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-indigo-700:focus {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-indigo-800:focus {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-indigo-900:focus {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-purple-50:focus {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-purple-100:focus {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-purple-200:focus {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-purple-300:focus {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-purple-400:focus {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-purple-500:focus {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-purple-600:focus {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-purple-700:focus {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-purple-800:focus {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-purple-900:focus {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-pink-50:focus {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-pink-100:focus {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-pink-200:focus {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-pink-300:focus {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-pink-400:focus {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-pink-500:focus {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-pink-600:focus {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-pink-700:focus {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-pink-800:focus {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-pink-900:focus {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-grey-100:focus {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-grey-200:focus {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-grey-300:focus {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-grey-400:focus {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-grey-500:focus {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-grey-600:focus {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-grey-700:focus {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-grey-800:focus {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-grey-900:focus {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-primary:focus {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-primary-dark:focus {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-primary-light:focus {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-secondary:focus {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-secondary-dark:focus {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-secondary-light:focus {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-accent:focus {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-accent-dark:focus {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:focus\:ring-offset-accent-light:focus {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:ring-transparent {
+      --tw-ring-color: transparent;
+    }
+
+    :root .lg\:dark\:ring-current {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .lg\:dark\:ring-black {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-white {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-gray-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-gray-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-gray-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-gray-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-gray-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-gray-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-gray-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-gray-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-gray-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-gray-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-red-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-red-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-red-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-red-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-red-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-red-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-red-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-red-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-red-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-red-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-yellow-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-yellow-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-yellow-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-yellow-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-yellow-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-yellow-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-yellow-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-yellow-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-yellow-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-yellow-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-green-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-green-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-green-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-green-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-green-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-green-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-green-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-green-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-green-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-green-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-green-apple {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-blue-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-blue-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-blue-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-blue-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-blue-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-blue-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-blue-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-blue-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-blue-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-blue-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-indigo-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-indigo-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-indigo-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-indigo-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-indigo-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-indigo-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-indigo-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-indigo-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-indigo-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-indigo-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-purple-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-purple-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-purple-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-purple-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-purple-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-purple-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-purple-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-purple-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-purple-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-purple-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-pink-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-pink-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-pink-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-pink-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-pink-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-pink-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-pink-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-pink-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-pink-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-pink-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-grey-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-grey-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-grey-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-grey-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-grey-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-grey-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-grey-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-grey-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-grey-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:ring-primary {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:ring-primary-dark {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:ring-primary-light {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:ring-secondary {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:ring-secondary-dark {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:ring-secondary-light {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:ring-accent {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:ring-accent-dark {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:ring-accent-light {
+      --tw-ring-color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-transparent:focus-within {
+      --tw-ring-color: transparent;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-current:focus-within {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .lg\:dark\:focus-within\:ring-black:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-white:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-gray-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-gray-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-gray-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-gray-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-gray-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-gray-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-gray-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-gray-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-gray-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-gray-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-red-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-red-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-red-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-red-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-red-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-red-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-red-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-red-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-red-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-red-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-yellow-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-yellow-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-yellow-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-yellow-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-yellow-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-yellow-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-yellow-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-yellow-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-yellow-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-yellow-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-green-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-green-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-green-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-green-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-green-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-green-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-green-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-green-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-green-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-green-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-green-apple:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-blue-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-blue-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-blue-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-blue-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-blue-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-blue-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-blue-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-blue-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-blue-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-blue-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-indigo-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-indigo-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-indigo-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-indigo-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-indigo-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-indigo-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-indigo-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-indigo-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-indigo-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-indigo-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-purple-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-purple-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-purple-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-purple-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-purple-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-purple-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-purple-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-purple-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-purple-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-purple-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-pink-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-pink-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-pink-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-pink-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-pink-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-pink-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-pink-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-pink-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-pink-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-pink-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-grey-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-grey-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-grey-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-grey-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-grey-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-grey-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-grey-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-grey-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-grey-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus-within\:ring-primary:focus-within {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-primary-dark:focus-within {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-primary-light:focus-within {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-secondary:focus-within {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-secondary-dark:focus-within {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-secondary-light:focus-within {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-accent:focus-within {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-accent-dark:focus-within {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:focus-within\:ring-accent-light:focus-within {
+      --tw-ring-color: var(--color-accent-light);
+    }
+
+    :root .lg\:dark\:focus\:ring-transparent:focus {
+      --tw-ring-color: transparent;
+    }
+
+    :root .lg\:dark\:focus\:ring-current:focus {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .lg\:dark\:focus\:ring-black:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-white:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-gray-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-gray-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-gray-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-gray-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-gray-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-gray-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-gray-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-gray-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-gray-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-gray-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-red-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-red-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-red-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-red-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-red-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-red-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-red-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-red-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-red-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-red-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-yellow-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-yellow-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-yellow-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-yellow-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-yellow-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-yellow-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-yellow-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-yellow-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-yellow-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-yellow-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-green-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-green-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-green-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-green-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-green-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-green-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-green-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-green-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-green-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-green-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-green-apple:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-blue-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-blue-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-blue-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-blue-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-blue-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-blue-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-blue-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-blue-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-blue-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-blue-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-indigo-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-indigo-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-indigo-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-indigo-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-indigo-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-indigo-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-indigo-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-indigo-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-indigo-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-indigo-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-purple-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-purple-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-purple-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-purple-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-purple-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-purple-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-purple-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-purple-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-purple-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-purple-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-pink-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-pink-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-pink-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-pink-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-pink-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-pink-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-pink-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-pink-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-pink-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-pink-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-grey-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-grey-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-grey-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-grey-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-grey-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-grey-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-grey-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-grey-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-grey-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .lg\:dark\:focus\:ring-primary:focus {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .lg\:dark\:focus\:ring-primary-dark:focus {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .lg\:dark\:focus\:ring-primary-light:focus {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .lg\:dark\:focus\:ring-secondary:focus {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .lg\:dark\:focus\:ring-secondary-dark:focus {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .lg\:dark\:focus\:ring-secondary-light:focus {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .lg\:dark\:focus\:ring-accent:focus {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .lg\:dark\:focus\:ring-accent-dark:focus {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .lg\:dark\:focus\:ring-accent-light:focus {
+      --tw-ring-color: var(--color-accent-light);
+    }
+  }
+
+  @media (min-width: 1280px) {
+    :root .xl\:dark\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+      border-color: transparent;
+    }
+
+    :root .xl\:dark\:divide-current > :not([hidden]) ~ :not([hidden]) {
+      border-color: currentColor;
+    }
+
+    :root .xl\:dark\:divide-black > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-white > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-green-apple > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-grey-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-grey-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-grey-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-grey-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-grey-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-grey-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-grey-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-grey-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-grey-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-divide-opacity));
+    }
+
+    :root .xl\:dark\:divide-primary > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:divide-primary-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:divide-primary-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:divide-secondary > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:divide-secondary-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:divide-secondary-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:divide-accent > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:divide-accent-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:divide-accent-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:from-transparent {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .xl\:dark\:from-current {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:from-black {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .xl\:dark\:from-white {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:from-gray-50 {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .xl\:dark\:from-gray-100 {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .xl\:dark\:from-gray-200 {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .xl\:dark\:from-gray-300 {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .xl\:dark\:from-gray-400 {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .xl\:dark\:from-gray-500 {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .xl\:dark\:from-gray-600 {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .xl\:dark\:from-gray-700 {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .xl\:dark\:from-gray-800 {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .xl\:dark\:from-gray-900 {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .xl\:dark\:from-red-50 {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .xl\:dark\:from-red-100 {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .xl\:dark\:from-red-200 {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .xl\:dark\:from-red-300 {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .xl\:dark\:from-red-400 {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .xl\:dark\:from-red-500 {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .xl\:dark\:from-red-600 {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .xl\:dark\:from-red-700 {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .xl\:dark\:from-red-800 {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .xl\:dark\:from-red-900 {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .xl\:dark\:from-yellow-50 {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .xl\:dark\:from-yellow-100 {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .xl\:dark\:from-yellow-200 {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .xl\:dark\:from-yellow-300 {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .xl\:dark\:from-yellow-400 {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .xl\:dark\:from-yellow-500 {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .xl\:dark\:from-yellow-600 {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .xl\:dark\:from-yellow-700 {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .xl\:dark\:from-yellow-800 {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .xl\:dark\:from-yellow-900 {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .xl\:dark\:from-green-50 {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .xl\:dark\:from-green-100 {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .xl\:dark\:from-green-200 {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .xl\:dark\:from-green-300 {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .xl\:dark\:from-green-400 {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .xl\:dark\:from-green-500 {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .xl\:dark\:from-green-600 {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .xl\:dark\:from-green-700 {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .xl\:dark\:from-green-800 {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .xl\:dark\:from-green-900 {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .xl\:dark\:from-green-apple {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .xl\:dark\:from-blue-50 {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .xl\:dark\:from-blue-100 {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .xl\:dark\:from-blue-200 {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .xl\:dark\:from-blue-300 {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .xl\:dark\:from-blue-400 {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .xl\:dark\:from-blue-500 {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .xl\:dark\:from-blue-600 {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .xl\:dark\:from-blue-700 {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .xl\:dark\:from-blue-800 {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .xl\:dark\:from-blue-900 {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .xl\:dark\:from-indigo-50 {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .xl\:dark\:from-indigo-100 {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .xl\:dark\:from-indigo-200 {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .xl\:dark\:from-indigo-300 {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .xl\:dark\:from-indigo-400 {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .xl\:dark\:from-indigo-500 {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .xl\:dark\:from-indigo-600 {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .xl\:dark\:from-indigo-700 {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .xl\:dark\:from-indigo-800 {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .xl\:dark\:from-indigo-900 {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .xl\:dark\:from-purple-50 {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .xl\:dark\:from-purple-100 {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .xl\:dark\:from-purple-200 {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .xl\:dark\:from-purple-300 {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .xl\:dark\:from-purple-400 {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .xl\:dark\:from-purple-500 {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .xl\:dark\:from-purple-600 {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .xl\:dark\:from-purple-700 {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .xl\:dark\:from-purple-800 {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .xl\:dark\:from-purple-900 {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .xl\:dark\:from-pink-50 {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .xl\:dark\:from-pink-100 {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .xl\:dark\:from-pink-200 {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .xl\:dark\:from-pink-300 {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .xl\:dark\:from-pink-400 {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .xl\:dark\:from-pink-500 {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .xl\:dark\:from-pink-600 {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .xl\:dark\:from-pink-700 {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .xl\:dark\:from-pink-800 {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .xl\:dark\:from-pink-900 {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .xl\:dark\:from-grey-100 {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .xl\:dark\:from-grey-200 {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .xl\:dark\:from-grey-300 {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .xl\:dark\:from-grey-400 {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .xl\:dark\:from-grey-500 {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .xl\:dark\:from-grey-600 {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .xl\:dark\:from-grey-700 {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .xl\:dark\:from-grey-800 {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .xl\:dark\:from-grey-900 {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .xl\:dark\:from-primary {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:from-primary-dark {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:from-primary-light {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:from-secondary {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:from-secondary-dark {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:from-secondary-light {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:from-accent {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:from-accent-dark {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:from-accent-light {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:via-transparent {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .xl\:dark\:via-current {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:via-black {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .xl\:dark\:via-white {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:via-gray-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .xl\:dark\:via-gray-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .xl\:dark\:via-gray-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .xl\:dark\:via-gray-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .xl\:dark\:via-gray-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .xl\:dark\:via-gray-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .xl\:dark\:via-gray-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .xl\:dark\:via-gray-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .xl\:dark\:via-gray-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .xl\:dark\:via-gray-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .xl\:dark\:via-red-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .xl\:dark\:via-red-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .xl\:dark\:via-red-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .xl\:dark\:via-red-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .xl\:dark\:via-red-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .xl\:dark\:via-red-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .xl\:dark\:via-red-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .xl\:dark\:via-red-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .xl\:dark\:via-red-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .xl\:dark\:via-red-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .xl\:dark\:via-yellow-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .xl\:dark\:via-yellow-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .xl\:dark\:via-yellow-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .xl\:dark\:via-yellow-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .xl\:dark\:via-yellow-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .xl\:dark\:via-yellow-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .xl\:dark\:via-yellow-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .xl\:dark\:via-yellow-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .xl\:dark\:via-yellow-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .xl\:dark\:via-yellow-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .xl\:dark\:via-green-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .xl\:dark\:via-green-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .xl\:dark\:via-green-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .xl\:dark\:via-green-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .xl\:dark\:via-green-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .xl\:dark\:via-green-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .xl\:dark\:via-green-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .xl\:dark\:via-green-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .xl\:dark\:via-green-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .xl\:dark\:via-green-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .xl\:dark\:via-green-apple {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .xl\:dark\:via-blue-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .xl\:dark\:via-blue-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .xl\:dark\:via-blue-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .xl\:dark\:via-blue-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .xl\:dark\:via-blue-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .xl\:dark\:via-blue-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .xl\:dark\:via-blue-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .xl\:dark\:via-blue-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .xl\:dark\:via-blue-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .xl\:dark\:via-blue-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .xl\:dark\:via-indigo-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .xl\:dark\:via-indigo-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .xl\:dark\:via-indigo-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .xl\:dark\:via-indigo-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .xl\:dark\:via-indigo-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .xl\:dark\:via-indigo-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .xl\:dark\:via-indigo-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .xl\:dark\:via-indigo-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .xl\:dark\:via-indigo-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .xl\:dark\:via-indigo-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .xl\:dark\:via-purple-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .xl\:dark\:via-purple-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .xl\:dark\:via-purple-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .xl\:dark\:via-purple-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .xl\:dark\:via-purple-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .xl\:dark\:via-purple-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .xl\:dark\:via-purple-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .xl\:dark\:via-purple-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .xl\:dark\:via-purple-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .xl\:dark\:via-purple-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .xl\:dark\:via-pink-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .xl\:dark\:via-pink-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .xl\:dark\:via-pink-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .xl\:dark\:via-pink-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .xl\:dark\:via-pink-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .xl\:dark\:via-pink-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .xl\:dark\:via-pink-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .xl\:dark\:via-pink-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .xl\:dark\:via-pink-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .xl\:dark\:via-pink-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .xl\:dark\:via-grey-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .xl\:dark\:via-grey-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .xl\:dark\:via-grey-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .xl\:dark\:via-grey-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .xl\:dark\:via-grey-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .xl\:dark\:via-grey-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .xl\:dark\:via-grey-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .xl\:dark\:via-grey-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .xl\:dark\:via-grey-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .xl\:dark\:via-primary {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:via-primary-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:via-primary-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:via-secondary {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:via-secondary-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:via-secondary-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:via-accent {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:via-accent-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:via-accent-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:to-transparent {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .xl\:dark\:to-current {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .xl\:dark\:to-black {
+      --tw-gradient-to: #000;
+    }
+
+    :root .xl\:dark\:to-white {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .xl\:dark\:to-gray-50 {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .xl\:dark\:to-gray-100 {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .xl\:dark\:to-gray-200 {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .xl\:dark\:to-gray-300 {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .xl\:dark\:to-gray-400 {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .xl\:dark\:to-gray-500 {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .xl\:dark\:to-gray-600 {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .xl\:dark\:to-gray-700 {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .xl\:dark\:to-gray-800 {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .xl\:dark\:to-gray-900 {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .xl\:dark\:to-red-50 {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .xl\:dark\:to-red-100 {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .xl\:dark\:to-red-200 {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .xl\:dark\:to-red-300 {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .xl\:dark\:to-red-400 {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .xl\:dark\:to-red-500 {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .xl\:dark\:to-red-600 {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .xl\:dark\:to-red-700 {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .xl\:dark\:to-red-800 {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .xl\:dark\:to-red-900 {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .xl\:dark\:to-yellow-50 {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .xl\:dark\:to-yellow-100 {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .xl\:dark\:to-yellow-200 {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .xl\:dark\:to-yellow-300 {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .xl\:dark\:to-yellow-400 {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .xl\:dark\:to-yellow-500 {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .xl\:dark\:to-yellow-600 {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .xl\:dark\:to-yellow-700 {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .xl\:dark\:to-yellow-800 {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .xl\:dark\:to-yellow-900 {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .xl\:dark\:to-green-50 {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .xl\:dark\:to-green-100 {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .xl\:dark\:to-green-200 {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .xl\:dark\:to-green-300 {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .xl\:dark\:to-green-400 {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .xl\:dark\:to-green-500 {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .xl\:dark\:to-green-600 {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .xl\:dark\:to-green-700 {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .xl\:dark\:to-green-800 {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .xl\:dark\:to-green-900 {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .xl\:dark\:to-green-apple {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .xl\:dark\:to-blue-50 {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .xl\:dark\:to-blue-100 {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .xl\:dark\:to-blue-200 {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .xl\:dark\:to-blue-300 {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .xl\:dark\:to-blue-400 {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .xl\:dark\:to-blue-500 {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .xl\:dark\:to-blue-600 {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .xl\:dark\:to-blue-700 {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .xl\:dark\:to-blue-800 {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .xl\:dark\:to-blue-900 {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .xl\:dark\:to-indigo-50 {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .xl\:dark\:to-indigo-100 {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .xl\:dark\:to-indigo-200 {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .xl\:dark\:to-indigo-300 {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .xl\:dark\:to-indigo-400 {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .xl\:dark\:to-indigo-500 {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .xl\:dark\:to-indigo-600 {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .xl\:dark\:to-indigo-700 {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .xl\:dark\:to-indigo-800 {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .xl\:dark\:to-indigo-900 {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .xl\:dark\:to-purple-50 {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .xl\:dark\:to-purple-100 {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .xl\:dark\:to-purple-200 {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .xl\:dark\:to-purple-300 {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .xl\:dark\:to-purple-400 {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .xl\:dark\:to-purple-500 {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .xl\:dark\:to-purple-600 {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .xl\:dark\:to-purple-700 {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .xl\:dark\:to-purple-800 {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .xl\:dark\:to-purple-900 {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .xl\:dark\:to-pink-50 {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .xl\:dark\:to-pink-100 {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .xl\:dark\:to-pink-200 {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .xl\:dark\:to-pink-300 {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .xl\:dark\:to-pink-400 {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .xl\:dark\:to-pink-500 {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .xl\:dark\:to-pink-600 {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .xl\:dark\:to-pink-700 {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .xl\:dark\:to-pink-800 {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .xl\:dark\:to-pink-900 {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .xl\:dark\:to-grey-100 {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .xl\:dark\:to-grey-200 {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .xl\:dark\:to-grey-300 {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .xl\:dark\:to-grey-400 {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .xl\:dark\:to-grey-500 {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .xl\:dark\:to-grey-600 {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .xl\:dark\:to-grey-700 {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .xl\:dark\:to-grey-800 {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .xl\:dark\:to-grey-900 {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .xl\:dark\:to-primary {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .xl\:dark\:to-primary-dark {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:to-primary-light {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:to-secondary {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:to-secondary-dark {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:to-secondary-light {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:to-accent {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .xl\:dark\:to-accent-dark {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:to-accent-light {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:hover\:from-transparent:hover {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-current:hover {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-black:hover {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-white:hover {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-gray-50:hover {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-gray-100:hover {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-gray-200:hover {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-gray-300:hover {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-gray-400:hover {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-gray-500:hover {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-gray-600:hover {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-gray-700:hover {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-gray-800:hover {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-gray-900:hover {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-red-50:hover {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-red-100:hover {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-red-200:hover {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-red-300:hover {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-red-400:hover {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-red-500:hover {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-red-600:hover {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-red-700:hover {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-red-800:hover {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-red-900:hover {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-yellow-50:hover {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-yellow-100:hover {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-yellow-200:hover {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-yellow-300:hover {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-yellow-400:hover {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-yellow-500:hover {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-yellow-600:hover {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-yellow-700:hover {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-yellow-800:hover {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-yellow-900:hover {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-green-50:hover {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-green-100:hover {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-green-200:hover {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-green-300:hover {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-green-400:hover {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-green-500:hover {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-green-600:hover {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-green-700:hover {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-green-800:hover {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-green-900:hover {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-green-apple:hover {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-blue-50:hover {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-blue-100:hover {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-blue-200:hover {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-blue-300:hover {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-blue-400:hover {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-blue-500:hover {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-blue-600:hover {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-blue-700:hover {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-blue-800:hover {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-blue-900:hover {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-indigo-50:hover {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-indigo-100:hover {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-indigo-200:hover {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-indigo-300:hover {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-indigo-400:hover {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-indigo-500:hover {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-indigo-600:hover {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-indigo-700:hover {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-indigo-800:hover {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-indigo-900:hover {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-purple-50:hover {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-purple-100:hover {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-purple-200:hover {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-purple-300:hover {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-purple-400:hover {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-purple-500:hover {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-purple-600:hover {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-purple-700:hover {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-purple-800:hover {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-purple-900:hover {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-pink-50:hover {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-pink-100:hover {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-pink-200:hover {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-pink-300:hover {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-pink-400:hover {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-pink-500:hover {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-pink-600:hover {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-pink-700:hover {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-pink-800:hover {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-pink-900:hover {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-grey-100:hover {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-grey-200:hover {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-grey-300:hover {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-grey-400:hover {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-grey-500:hover {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-grey-600:hover {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-grey-700:hover {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-grey-800:hover {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-grey-900:hover {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-primary:hover {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-primary-dark:hover {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-primary-light:hover {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-secondary:hover {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-secondary-dark:hover {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-secondary-light:hover {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-accent:hover {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-accent-dark:hover {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:from-accent-light:hover {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-transparent:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-current:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-black:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-white:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-gray-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-gray-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-gray-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-gray-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-gray-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-gray-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-gray-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-gray-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-gray-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-gray-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-red-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-red-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-red-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-red-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-red-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-red-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-red-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-red-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-red-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-red-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-yellow-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-yellow-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-yellow-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-yellow-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-yellow-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-yellow-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-yellow-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-yellow-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-yellow-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-yellow-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-green-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-green-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-green-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-green-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-green-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-green-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-green-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-green-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-green-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-green-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-green-apple:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-blue-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-blue-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-blue-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-blue-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-blue-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-blue-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-blue-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-blue-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-blue-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-blue-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-indigo-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-indigo-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-indigo-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-indigo-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-indigo-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-indigo-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-indigo-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-indigo-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-indigo-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-indigo-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-purple-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-purple-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-purple-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-purple-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-purple-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-purple-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-purple-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-purple-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-purple-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-purple-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-pink-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-pink-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-pink-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-pink-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-pink-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-pink-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-pink-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-pink-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-pink-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-pink-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-grey-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-grey-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-grey-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-grey-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-grey-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-grey-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-grey-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-grey-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-grey-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-primary:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-primary-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-primary-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-secondary:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-secondary-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-secondary-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-accent:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-accent-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:via-accent-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:hover\:to-transparent:hover {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .xl\:dark\:hover\:to-current:hover {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .xl\:dark\:hover\:to-black:hover {
+      --tw-gradient-to: #000;
+    }
+
+    :root .xl\:dark\:hover\:to-white:hover {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .xl\:dark\:hover\:to-gray-50:hover {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .xl\:dark\:hover\:to-gray-100:hover {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .xl\:dark\:hover\:to-gray-200:hover {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .xl\:dark\:hover\:to-gray-300:hover {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .xl\:dark\:hover\:to-gray-400:hover {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .xl\:dark\:hover\:to-gray-500:hover {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .xl\:dark\:hover\:to-gray-600:hover {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .xl\:dark\:hover\:to-gray-700:hover {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .xl\:dark\:hover\:to-gray-800:hover {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .xl\:dark\:hover\:to-gray-900:hover {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .xl\:dark\:hover\:to-red-50:hover {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .xl\:dark\:hover\:to-red-100:hover {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .xl\:dark\:hover\:to-red-200:hover {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .xl\:dark\:hover\:to-red-300:hover {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .xl\:dark\:hover\:to-red-400:hover {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .xl\:dark\:hover\:to-red-500:hover {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .xl\:dark\:hover\:to-red-600:hover {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .xl\:dark\:hover\:to-red-700:hover {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .xl\:dark\:hover\:to-red-800:hover {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .xl\:dark\:hover\:to-red-900:hover {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .xl\:dark\:hover\:to-yellow-50:hover {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .xl\:dark\:hover\:to-yellow-100:hover {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .xl\:dark\:hover\:to-yellow-200:hover {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .xl\:dark\:hover\:to-yellow-300:hover {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .xl\:dark\:hover\:to-yellow-400:hover {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .xl\:dark\:hover\:to-yellow-500:hover {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .xl\:dark\:hover\:to-yellow-600:hover {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .xl\:dark\:hover\:to-yellow-700:hover {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .xl\:dark\:hover\:to-yellow-800:hover {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .xl\:dark\:hover\:to-yellow-900:hover {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .xl\:dark\:hover\:to-green-50:hover {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .xl\:dark\:hover\:to-green-100:hover {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .xl\:dark\:hover\:to-green-200:hover {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .xl\:dark\:hover\:to-green-300:hover {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .xl\:dark\:hover\:to-green-400:hover {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .xl\:dark\:hover\:to-green-500:hover {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .xl\:dark\:hover\:to-green-600:hover {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .xl\:dark\:hover\:to-green-700:hover {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .xl\:dark\:hover\:to-green-800:hover {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .xl\:dark\:hover\:to-green-900:hover {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .xl\:dark\:hover\:to-green-apple:hover {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .xl\:dark\:hover\:to-blue-50:hover {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .xl\:dark\:hover\:to-blue-100:hover {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .xl\:dark\:hover\:to-blue-200:hover {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .xl\:dark\:hover\:to-blue-300:hover {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .xl\:dark\:hover\:to-blue-400:hover {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .xl\:dark\:hover\:to-blue-500:hover {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .xl\:dark\:hover\:to-blue-600:hover {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .xl\:dark\:hover\:to-blue-700:hover {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .xl\:dark\:hover\:to-blue-800:hover {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .xl\:dark\:hover\:to-blue-900:hover {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .xl\:dark\:hover\:to-indigo-50:hover {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .xl\:dark\:hover\:to-indigo-100:hover {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .xl\:dark\:hover\:to-indigo-200:hover {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .xl\:dark\:hover\:to-indigo-300:hover {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .xl\:dark\:hover\:to-indigo-400:hover {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .xl\:dark\:hover\:to-indigo-500:hover {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .xl\:dark\:hover\:to-indigo-600:hover {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .xl\:dark\:hover\:to-indigo-700:hover {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .xl\:dark\:hover\:to-indigo-800:hover {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .xl\:dark\:hover\:to-indigo-900:hover {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .xl\:dark\:hover\:to-purple-50:hover {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .xl\:dark\:hover\:to-purple-100:hover {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .xl\:dark\:hover\:to-purple-200:hover {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .xl\:dark\:hover\:to-purple-300:hover {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .xl\:dark\:hover\:to-purple-400:hover {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .xl\:dark\:hover\:to-purple-500:hover {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .xl\:dark\:hover\:to-purple-600:hover {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .xl\:dark\:hover\:to-purple-700:hover {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .xl\:dark\:hover\:to-purple-800:hover {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .xl\:dark\:hover\:to-purple-900:hover {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .xl\:dark\:hover\:to-pink-50:hover {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .xl\:dark\:hover\:to-pink-100:hover {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .xl\:dark\:hover\:to-pink-200:hover {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .xl\:dark\:hover\:to-pink-300:hover {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .xl\:dark\:hover\:to-pink-400:hover {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .xl\:dark\:hover\:to-pink-500:hover {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .xl\:dark\:hover\:to-pink-600:hover {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .xl\:dark\:hover\:to-pink-700:hover {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .xl\:dark\:hover\:to-pink-800:hover {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .xl\:dark\:hover\:to-pink-900:hover {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .xl\:dark\:hover\:to-grey-100:hover {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .xl\:dark\:hover\:to-grey-200:hover {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .xl\:dark\:hover\:to-grey-300:hover {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .xl\:dark\:hover\:to-grey-400:hover {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .xl\:dark\:hover\:to-grey-500:hover {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .xl\:dark\:hover\:to-grey-600:hover {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .xl\:dark\:hover\:to-grey-700:hover {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .xl\:dark\:hover\:to-grey-800:hover {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .xl\:dark\:hover\:to-grey-900:hover {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .xl\:dark\:hover\:to-primary:hover {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .xl\:dark\:hover\:to-primary-dark:hover {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:hover\:to-primary-light:hover {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:hover\:to-secondary:hover {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:hover\:to-secondary-dark:hover {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:hover\:to-secondary-light:hover {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:hover\:to-accent:hover {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .xl\:dark\:hover\:to-accent-dark:hover {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:hover\:to-accent-light:hover {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:focus\:from-transparent:focus {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-current:focus {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-black:focus {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-white:focus {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-gray-50:focus {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-gray-100:focus {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-gray-200:focus {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-gray-300:focus {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-gray-400:focus {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-gray-500:focus {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-gray-600:focus {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-gray-700:focus {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-gray-800:focus {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-gray-900:focus {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-red-50:focus {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-red-100:focus {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-red-200:focus {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-red-300:focus {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-red-400:focus {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-red-500:focus {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-red-600:focus {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-red-700:focus {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-red-800:focus {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-red-900:focus {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-yellow-50:focus {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-yellow-100:focus {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-yellow-200:focus {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-yellow-300:focus {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-yellow-400:focus {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-yellow-500:focus {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-yellow-600:focus {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-yellow-700:focus {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-yellow-800:focus {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-yellow-900:focus {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-green-50:focus {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-green-100:focus {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-green-200:focus {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-green-300:focus {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-green-400:focus {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-green-500:focus {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-green-600:focus {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-green-700:focus {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-green-800:focus {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-green-900:focus {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-green-apple:focus {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-blue-50:focus {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-blue-100:focus {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-blue-200:focus {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-blue-300:focus {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-blue-400:focus {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-blue-500:focus {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-blue-600:focus {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-blue-700:focus {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-blue-800:focus {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-blue-900:focus {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-indigo-50:focus {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-indigo-100:focus {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-indigo-200:focus {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-indigo-300:focus {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-indigo-400:focus {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-indigo-500:focus {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-indigo-600:focus {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-indigo-700:focus {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-indigo-800:focus {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-indigo-900:focus {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-purple-50:focus {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-purple-100:focus {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-purple-200:focus {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-purple-300:focus {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-purple-400:focus {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-purple-500:focus {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-purple-600:focus {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-purple-700:focus {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-purple-800:focus {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-purple-900:focus {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-pink-50:focus {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-pink-100:focus {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-pink-200:focus {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-pink-300:focus {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-pink-400:focus {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-pink-500:focus {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-pink-600:focus {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-pink-700:focus {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-pink-800:focus {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-pink-900:focus {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-grey-100:focus {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-grey-200:focus {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-grey-300:focus {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-grey-400:focus {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-grey-500:focus {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-grey-600:focus {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-grey-700:focus {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-grey-800:focus {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-grey-900:focus {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-primary:focus {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-primary-dark:focus {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-primary-light:focus {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-secondary:focus {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-secondary-dark:focus {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-secondary-light:focus {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-accent:focus {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-accent-dark:focus {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:from-accent-light:focus {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-transparent:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-current:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-black:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-white:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-gray-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-gray-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-gray-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-gray-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-gray-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-gray-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-gray-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-gray-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-gray-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-gray-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-red-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-red-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-red-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-red-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-red-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-red-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-red-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-red-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-red-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-red-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-yellow-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-yellow-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-yellow-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-yellow-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-yellow-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-yellow-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-yellow-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-yellow-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-yellow-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-yellow-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-green-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-green-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-green-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-green-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-green-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-green-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-green-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-green-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-green-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-green-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-green-apple:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-blue-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-blue-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-blue-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-blue-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-blue-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-blue-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-blue-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-blue-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-blue-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-blue-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-indigo-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-indigo-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-indigo-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-indigo-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-indigo-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-indigo-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-indigo-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-indigo-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-indigo-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-indigo-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-purple-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-purple-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-purple-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-purple-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-purple-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-purple-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-purple-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-purple-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-purple-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-purple-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-pink-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-pink-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-pink-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-pink-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-pink-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-pink-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-pink-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-pink-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-pink-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-pink-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-grey-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-grey-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-grey-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-grey-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-grey-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-grey-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-grey-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-grey-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-grey-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-primary:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-primary-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-primary-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-secondary:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-secondary-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-secondary-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-accent:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-accent-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:via-accent-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .xl\:dark\:focus\:to-transparent:focus {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .xl\:dark\:focus\:to-current:focus {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .xl\:dark\:focus\:to-black:focus {
+      --tw-gradient-to: #000;
+    }
+
+    :root .xl\:dark\:focus\:to-white:focus {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .xl\:dark\:focus\:to-gray-50:focus {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .xl\:dark\:focus\:to-gray-100:focus {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .xl\:dark\:focus\:to-gray-200:focus {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .xl\:dark\:focus\:to-gray-300:focus {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .xl\:dark\:focus\:to-gray-400:focus {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .xl\:dark\:focus\:to-gray-500:focus {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .xl\:dark\:focus\:to-gray-600:focus {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .xl\:dark\:focus\:to-gray-700:focus {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .xl\:dark\:focus\:to-gray-800:focus {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .xl\:dark\:focus\:to-gray-900:focus {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .xl\:dark\:focus\:to-red-50:focus {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .xl\:dark\:focus\:to-red-100:focus {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .xl\:dark\:focus\:to-red-200:focus {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .xl\:dark\:focus\:to-red-300:focus {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .xl\:dark\:focus\:to-red-400:focus {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .xl\:dark\:focus\:to-red-500:focus {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .xl\:dark\:focus\:to-red-600:focus {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .xl\:dark\:focus\:to-red-700:focus {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .xl\:dark\:focus\:to-red-800:focus {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .xl\:dark\:focus\:to-red-900:focus {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .xl\:dark\:focus\:to-yellow-50:focus {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .xl\:dark\:focus\:to-yellow-100:focus {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .xl\:dark\:focus\:to-yellow-200:focus {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .xl\:dark\:focus\:to-yellow-300:focus {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .xl\:dark\:focus\:to-yellow-400:focus {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .xl\:dark\:focus\:to-yellow-500:focus {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .xl\:dark\:focus\:to-yellow-600:focus {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .xl\:dark\:focus\:to-yellow-700:focus {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .xl\:dark\:focus\:to-yellow-800:focus {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .xl\:dark\:focus\:to-yellow-900:focus {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .xl\:dark\:focus\:to-green-50:focus {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .xl\:dark\:focus\:to-green-100:focus {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .xl\:dark\:focus\:to-green-200:focus {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .xl\:dark\:focus\:to-green-300:focus {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .xl\:dark\:focus\:to-green-400:focus {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .xl\:dark\:focus\:to-green-500:focus {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .xl\:dark\:focus\:to-green-600:focus {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .xl\:dark\:focus\:to-green-700:focus {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .xl\:dark\:focus\:to-green-800:focus {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .xl\:dark\:focus\:to-green-900:focus {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .xl\:dark\:focus\:to-green-apple:focus {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .xl\:dark\:focus\:to-blue-50:focus {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .xl\:dark\:focus\:to-blue-100:focus {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .xl\:dark\:focus\:to-blue-200:focus {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .xl\:dark\:focus\:to-blue-300:focus {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .xl\:dark\:focus\:to-blue-400:focus {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .xl\:dark\:focus\:to-blue-500:focus {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .xl\:dark\:focus\:to-blue-600:focus {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .xl\:dark\:focus\:to-blue-700:focus {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .xl\:dark\:focus\:to-blue-800:focus {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .xl\:dark\:focus\:to-blue-900:focus {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .xl\:dark\:focus\:to-indigo-50:focus {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .xl\:dark\:focus\:to-indigo-100:focus {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .xl\:dark\:focus\:to-indigo-200:focus {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .xl\:dark\:focus\:to-indigo-300:focus {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .xl\:dark\:focus\:to-indigo-400:focus {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .xl\:dark\:focus\:to-indigo-500:focus {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .xl\:dark\:focus\:to-indigo-600:focus {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .xl\:dark\:focus\:to-indigo-700:focus {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .xl\:dark\:focus\:to-indigo-800:focus {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .xl\:dark\:focus\:to-indigo-900:focus {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .xl\:dark\:focus\:to-purple-50:focus {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .xl\:dark\:focus\:to-purple-100:focus {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .xl\:dark\:focus\:to-purple-200:focus {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .xl\:dark\:focus\:to-purple-300:focus {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .xl\:dark\:focus\:to-purple-400:focus {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .xl\:dark\:focus\:to-purple-500:focus {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .xl\:dark\:focus\:to-purple-600:focus {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .xl\:dark\:focus\:to-purple-700:focus {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .xl\:dark\:focus\:to-purple-800:focus {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .xl\:dark\:focus\:to-purple-900:focus {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .xl\:dark\:focus\:to-pink-50:focus {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .xl\:dark\:focus\:to-pink-100:focus {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .xl\:dark\:focus\:to-pink-200:focus {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .xl\:dark\:focus\:to-pink-300:focus {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .xl\:dark\:focus\:to-pink-400:focus {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .xl\:dark\:focus\:to-pink-500:focus {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .xl\:dark\:focus\:to-pink-600:focus {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .xl\:dark\:focus\:to-pink-700:focus {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .xl\:dark\:focus\:to-pink-800:focus {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .xl\:dark\:focus\:to-pink-900:focus {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .xl\:dark\:focus\:to-grey-100:focus {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .xl\:dark\:focus\:to-grey-200:focus {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .xl\:dark\:focus\:to-grey-300:focus {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .xl\:dark\:focus\:to-grey-400:focus {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .xl\:dark\:focus\:to-grey-500:focus {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .xl\:dark\:focus\:to-grey-600:focus {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .xl\:dark\:focus\:to-grey-700:focus {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .xl\:dark\:focus\:to-grey-800:focus {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .xl\:dark\:focus\:to-grey-900:focus {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .xl\:dark\:focus\:to-primary:focus {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .xl\:dark\:focus\:to-primary-dark:focus {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:focus\:to-primary-light:focus {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:focus\:to-secondary:focus {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:focus\:to-secondary-dark:focus {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:focus\:to-secondary-light:focus {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:focus\:to-accent:focus {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .xl\:dark\:focus\:to-accent-dark:focus {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:focus\:to-accent-light:focus {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:border-transparent {
+      border-color: transparent;
+    }
+
+    :root .xl\:dark\:border-current {
+      border-color: currentColor;
+    }
+
+    :root .xl\:dark\:border-black {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-white {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-gray-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-gray-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-gray-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-gray-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-gray-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-gray-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-gray-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-gray-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-gray-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-gray-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-red-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-red-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-red-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-red-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-red-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-red-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-red-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-red-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-red-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-red-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-yellow-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-yellow-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-yellow-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-yellow-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-yellow-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-yellow-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-yellow-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-yellow-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-yellow-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-yellow-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-green-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-green-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-green-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-green-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-green-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-green-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-green-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-green-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-green-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-green-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-green-apple {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-blue-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-blue-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-blue-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-blue-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-blue-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-blue-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-blue-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-blue-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-blue-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-blue-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-indigo-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-indigo-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-indigo-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-indigo-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-indigo-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-indigo-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-indigo-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-indigo-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-indigo-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-indigo-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-purple-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-purple-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-purple-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-purple-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-purple-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-purple-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-purple-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-purple-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-purple-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-purple-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-pink-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-pink-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-pink-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-pink-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-pink-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-pink-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-pink-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-pink-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-pink-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-pink-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-grey-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-grey-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-grey-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-grey-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-grey-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-grey-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-grey-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-grey-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-grey-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:border-primary {
+      border-color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:border-primary-dark {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:border-primary-light {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:border-secondary {
+      border-color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:border-secondary-dark {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:border-secondary-light {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:border-accent {
+      border-color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:border-accent-dark {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:border-accent-light {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-transparent {
+      border-color: transparent;
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-current {
+      border-color: currentColor;
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-black {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-white {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-gray-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-gray-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-gray-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-gray-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-gray-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-gray-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-gray-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-gray-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-gray-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-gray-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-red-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-red-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-red-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-red-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-red-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-red-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-red-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-red-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-red-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-red-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-yellow-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-yellow-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-yellow-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-yellow-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-yellow-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-yellow-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-yellow-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-yellow-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-yellow-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-yellow-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-green-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-green-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-green-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-green-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-green-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-green-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-green-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-green-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-green-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-green-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-green-apple {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-blue-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-blue-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-blue-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-blue-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-blue-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-blue-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-blue-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-blue-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-blue-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-blue-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-indigo-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-indigo-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-indigo-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-indigo-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-indigo-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-indigo-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-indigo-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-indigo-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-indigo-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-indigo-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-purple-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-purple-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-purple-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-purple-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-purple-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-purple-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-purple-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-purple-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-purple-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-purple-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-pink-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-pink-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-pink-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-pink-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-pink-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-pink-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-pink-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-pink-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-pink-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-pink-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-grey-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-grey-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-grey-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-grey-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-grey-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-grey-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-grey-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-grey-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-grey-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-primary {
+      border-color: var(--color-primary);
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-primary-dark {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-primary-light {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-secondary {
+      border-color: var(--color-secondary);
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-secondary-dark {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-secondary-light {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-accent {
+      border-color: var(--color-accent);
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-accent-dark {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .group:hover .xl\:dark\:group-hover\:border-accent-light {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:focus-within\:border-transparent:focus-within {
+      border-color: transparent;
+    }
+
+    :root .xl\:dark\:focus-within\:border-current:focus-within {
+      border-color: currentColor;
+    }
+
+    :root .xl\:dark\:focus-within\:border-black:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-white:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-gray-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-gray-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-gray-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-gray-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-gray-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-gray-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-gray-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-gray-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-gray-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-gray-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-red-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-red-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-red-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-red-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-red-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-red-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-red-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-red-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-red-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-red-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-yellow-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-yellow-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-yellow-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-yellow-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-yellow-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-yellow-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-yellow-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-yellow-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-yellow-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-yellow-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-green-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-green-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-green-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-green-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-green-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-green-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-green-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-green-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-green-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-green-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-green-apple:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-blue-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-blue-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-blue-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-blue-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-blue-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-blue-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-blue-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-blue-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-blue-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-blue-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-indigo-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-indigo-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-indigo-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-indigo-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-indigo-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-indigo-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-indigo-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-indigo-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-indigo-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-indigo-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-purple-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-purple-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-purple-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-purple-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-purple-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-purple-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-purple-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-purple-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-purple-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-purple-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-pink-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-pink-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-pink-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-pink-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-pink-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-pink-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-pink-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-pink-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-pink-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-pink-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-grey-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-grey-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-grey-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-grey-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-grey-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-grey-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-grey-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-grey-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-grey-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:border-primary:focus-within {
+      border-color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:focus-within\:border-primary-dark:focus-within {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:focus-within\:border-primary-light:focus-within {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:focus-within\:border-secondary:focus-within {
+      border-color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:focus-within\:border-secondary-dark:focus-within {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:focus-within\:border-secondary-light:focus-within {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:focus-within\:border-accent:focus-within {
+      border-color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:focus-within\:border-accent-dark:focus-within {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:focus-within\:border-accent-light:focus-within {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:hover\:border-transparent:hover {
+      border-color: transparent;
+    }
+
+    :root .xl\:dark\:hover\:border-current:hover {
+      border-color: currentColor;
+    }
+
+    :root .xl\:dark\:hover\:border-black:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-white:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-gray-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-gray-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-gray-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-gray-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-gray-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-gray-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-gray-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-gray-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-gray-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-gray-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-red-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-red-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-red-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-red-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-red-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-red-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-red-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-red-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-red-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-red-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-yellow-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-yellow-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-yellow-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-yellow-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-yellow-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-yellow-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-yellow-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-yellow-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-yellow-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-yellow-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-green-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-green-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-green-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-green-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-green-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-green-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-green-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-green-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-green-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-green-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-green-apple:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-blue-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-blue-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-blue-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-blue-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-blue-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-blue-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-blue-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-blue-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-blue-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-blue-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-indigo-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-indigo-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-indigo-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-indigo-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-indigo-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-indigo-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-indigo-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-indigo-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-indigo-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-indigo-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-purple-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-purple-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-purple-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-purple-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-purple-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-purple-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-purple-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-purple-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-purple-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-purple-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-pink-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-pink-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-pink-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-pink-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-pink-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-pink-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-pink-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-pink-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-pink-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-pink-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-grey-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-grey-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-grey-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-grey-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-grey-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-grey-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-grey-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-grey-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-grey-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:hover\:border-primary:hover {
+      border-color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:hover\:border-primary-dark:hover {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:hover\:border-primary-light:hover {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:hover\:border-secondary:hover {
+      border-color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:hover\:border-secondary-dark:hover {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:hover\:border-secondary-light:hover {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:hover\:border-accent:hover {
+      border-color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:hover\:border-accent-dark:hover {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:hover\:border-accent-light:hover {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:focus\:border-transparent:focus {
+      border-color: transparent;
+    }
+
+    :root .xl\:dark\:focus\:border-current:focus {
+      border-color: currentColor;
+    }
+
+    :root .xl\:dark\:focus\:border-black:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-white:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-gray-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-gray-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-gray-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-gray-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-gray-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-gray-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-gray-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-gray-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-gray-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-gray-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-red-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-red-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-red-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-red-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-red-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-red-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-red-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-red-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-red-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-red-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-yellow-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-yellow-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-yellow-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-yellow-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-yellow-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-yellow-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-yellow-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-yellow-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-yellow-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-yellow-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-green-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-green-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-green-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-green-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-green-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-green-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-green-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-green-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-green-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-green-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-green-apple:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-blue-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-blue-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-blue-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-blue-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-blue-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-blue-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-blue-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-blue-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-blue-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-blue-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-indigo-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-indigo-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-indigo-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-indigo-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-indigo-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-indigo-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-indigo-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-indigo-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-indigo-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-indigo-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-purple-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-purple-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-purple-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-purple-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-purple-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-purple-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-purple-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-purple-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-purple-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-purple-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-pink-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-pink-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-pink-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-pink-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-pink-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-pink-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-pink-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-pink-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-pink-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-pink-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-grey-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-grey-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-grey-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-grey-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-grey-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-grey-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-grey-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-grey-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-grey-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .xl\:dark\:focus\:border-primary:focus {
+      border-color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:focus\:border-primary-dark:focus {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:focus\:border-primary-light:focus {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:focus\:border-secondary:focus {
+      border-color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:focus\:border-secondary-dark:focus {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:focus\:border-secondary-light:focus {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:focus\:border-accent:focus {
+      border-color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:focus\:border-accent-dark:focus {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:focus\:border-accent-light:focus {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:placeholder-transparent::-moz-placeholder {
+      color: transparent;
+    }
+
+    :root .xl\:dark\:placeholder-transparent:-ms-input-placeholder {
+      color: transparent;
+    }
+
+    :root .xl\:dark\:placeholder-transparent::placeholder {
+      color: transparent;
+    }
+
+    :root .xl\:dark\:placeholder-current::-moz-placeholder {
+      color: currentColor;
+    }
+
+    :root .xl\:dark\:placeholder-current:-ms-input-placeholder {
+      color: currentColor;
+    }
+
+    :root .xl\:dark\:placeholder-current::placeholder {
+      color: currentColor;
+    }
+
+    :root .xl\:dark\:placeholder-black::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-black:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-black::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-white::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-white:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-white::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-gray-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-red-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-yellow-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-apple::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-apple:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-green-apple::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-blue-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-indigo-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-purple-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-pink-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-grey-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:placeholder-primary::-moz-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:placeholder-primary:-ms-input-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:placeholder-primary::placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:placeholder-primary-dark::-moz-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:placeholder-primary-dark:-ms-input-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:placeholder-primary-dark::placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:placeholder-primary-light::-moz-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:placeholder-primary-light:-ms-input-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:placeholder-primary-light::placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:placeholder-secondary::-moz-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:placeholder-secondary:-ms-input-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:placeholder-secondary::placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:placeholder-secondary-dark::-moz-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:placeholder-secondary-dark:-ms-input-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:placeholder-secondary-dark::placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:placeholder-secondary-light::-moz-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:placeholder-secondary-light:-ms-input-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:placeholder-secondary-light::placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:placeholder-accent::-moz-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:placeholder-accent:-ms-input-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:placeholder-accent::placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:placeholder-accent-dark::-moz-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:placeholder-accent-dark:-ms-input-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:placeholder-accent-dark::placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:placeholder-accent-light::-moz-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:placeholder-accent-light:-ms-input-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:placeholder-accent-light::placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-transparent:focus::-moz-placeholder {
+      color: transparent;
+    }
+
+    :root .xl\:dark\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+      color: transparent;
+    }
+
+    :root .xl\:dark\:focus\:placeholder-transparent:focus::placeholder {
+      color: transparent;
+    }
+
+    :root .xl\:dark\:focus\:placeholder-current:focus::-moz-placeholder {
+      color: currentColor;
+    }
+
+    :root .xl\:dark\:focus\:placeholder-current:focus:-ms-input-placeholder {
+      color: currentColor;
+    }
+
+    :root .xl\:dark\:focus\:placeholder-current:focus::placeholder {
+      color: currentColor;
+    }
+
+    :root .xl\:dark\:focus\:placeholder-black:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-black:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-black:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-white:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-white:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-white:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-gray-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-red-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-yellow-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-apple:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-apple:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-green-apple:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-blue-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-indigo-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-purple-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-pink-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-grey-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .xl\:dark\:focus\:placeholder-primary:focus::-moz-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-primary:focus:-ms-input-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-primary:focus::placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-primary-dark:focus::-moz-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-primary-dark:focus:-ms-input-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-primary-dark:focus::placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-primary-light:focus::-moz-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-primary-light:focus:-ms-input-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-primary-light:focus::placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-secondary:focus::-moz-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-secondary:focus:-ms-input-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-secondary:focus::placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-secondary-dark:focus::-moz-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-secondary-dark:focus:-ms-input-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-secondary-dark:focus::placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-secondary-light:focus::-moz-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-secondary-light:focus:-ms-input-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-secondary-light:focus::placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-accent:focus::-moz-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-accent:focus:-ms-input-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-accent:focus::placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-accent-dark:focus::-moz-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-accent-dark:focus:-ms-input-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-accent-dark:focus::placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-accent-light:focus::-moz-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-accent-light:focus:-ms-input-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:focus\:placeholder-accent-light:focus::placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:ring-offset-transparent {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .xl\:dark\:ring-offset-current {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .xl\:dark\:ring-offset-black {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .xl\:dark\:ring-offset-white {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .xl\:dark\:ring-offset-gray-50 {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .xl\:dark\:ring-offset-gray-100 {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .xl\:dark\:ring-offset-gray-200 {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .xl\:dark\:ring-offset-gray-300 {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .xl\:dark\:ring-offset-gray-400 {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .xl\:dark\:ring-offset-gray-500 {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .xl\:dark\:ring-offset-gray-600 {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .xl\:dark\:ring-offset-gray-700 {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .xl\:dark\:ring-offset-gray-800 {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .xl\:dark\:ring-offset-gray-900 {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .xl\:dark\:ring-offset-red-50 {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .xl\:dark\:ring-offset-red-100 {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .xl\:dark\:ring-offset-red-200 {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .xl\:dark\:ring-offset-red-300 {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .xl\:dark\:ring-offset-red-400 {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .xl\:dark\:ring-offset-red-500 {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .xl\:dark\:ring-offset-red-600 {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .xl\:dark\:ring-offset-red-700 {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .xl\:dark\:ring-offset-red-800 {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .xl\:dark\:ring-offset-red-900 {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .xl\:dark\:ring-offset-yellow-50 {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .xl\:dark\:ring-offset-yellow-100 {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .xl\:dark\:ring-offset-yellow-200 {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .xl\:dark\:ring-offset-yellow-300 {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .xl\:dark\:ring-offset-yellow-400 {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .xl\:dark\:ring-offset-yellow-500 {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .xl\:dark\:ring-offset-yellow-600 {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .xl\:dark\:ring-offset-yellow-700 {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .xl\:dark\:ring-offset-yellow-800 {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .xl\:dark\:ring-offset-yellow-900 {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .xl\:dark\:ring-offset-green-50 {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .xl\:dark\:ring-offset-green-100 {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .xl\:dark\:ring-offset-green-200 {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .xl\:dark\:ring-offset-green-300 {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .xl\:dark\:ring-offset-green-400 {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .xl\:dark\:ring-offset-green-500 {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .xl\:dark\:ring-offset-green-600 {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .xl\:dark\:ring-offset-green-700 {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .xl\:dark\:ring-offset-green-800 {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .xl\:dark\:ring-offset-green-900 {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .xl\:dark\:ring-offset-green-apple {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .xl\:dark\:ring-offset-blue-50 {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .xl\:dark\:ring-offset-blue-100 {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .xl\:dark\:ring-offset-blue-200 {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .xl\:dark\:ring-offset-blue-300 {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .xl\:dark\:ring-offset-blue-400 {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .xl\:dark\:ring-offset-blue-500 {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .xl\:dark\:ring-offset-blue-600 {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .xl\:dark\:ring-offset-blue-700 {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .xl\:dark\:ring-offset-blue-800 {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .xl\:dark\:ring-offset-blue-900 {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .xl\:dark\:ring-offset-indigo-50 {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .xl\:dark\:ring-offset-indigo-100 {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .xl\:dark\:ring-offset-indigo-200 {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .xl\:dark\:ring-offset-indigo-300 {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .xl\:dark\:ring-offset-indigo-400 {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .xl\:dark\:ring-offset-indigo-500 {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .xl\:dark\:ring-offset-indigo-600 {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .xl\:dark\:ring-offset-indigo-700 {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .xl\:dark\:ring-offset-indigo-800 {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .xl\:dark\:ring-offset-indigo-900 {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .xl\:dark\:ring-offset-purple-50 {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .xl\:dark\:ring-offset-purple-100 {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .xl\:dark\:ring-offset-purple-200 {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .xl\:dark\:ring-offset-purple-300 {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .xl\:dark\:ring-offset-purple-400 {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .xl\:dark\:ring-offset-purple-500 {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .xl\:dark\:ring-offset-purple-600 {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .xl\:dark\:ring-offset-purple-700 {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .xl\:dark\:ring-offset-purple-800 {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .xl\:dark\:ring-offset-purple-900 {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .xl\:dark\:ring-offset-pink-50 {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .xl\:dark\:ring-offset-pink-100 {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .xl\:dark\:ring-offset-pink-200 {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .xl\:dark\:ring-offset-pink-300 {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .xl\:dark\:ring-offset-pink-400 {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .xl\:dark\:ring-offset-pink-500 {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .xl\:dark\:ring-offset-pink-600 {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .xl\:dark\:ring-offset-pink-700 {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .xl\:dark\:ring-offset-pink-800 {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .xl\:dark\:ring-offset-pink-900 {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .xl\:dark\:ring-offset-grey-100 {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .xl\:dark\:ring-offset-grey-200 {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .xl\:dark\:ring-offset-grey-300 {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .xl\:dark\:ring-offset-grey-400 {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .xl\:dark\:ring-offset-grey-500 {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .xl\:dark\:ring-offset-grey-600 {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .xl\:dark\:ring-offset-grey-700 {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .xl\:dark\:ring-offset-grey-800 {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .xl\:dark\:ring-offset-grey-900 {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .xl\:dark\:ring-offset-primary {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:ring-offset-primary-dark {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:ring-offset-primary-light {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:ring-offset-secondary {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:ring-offset-secondary-dark {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:ring-offset-secondary-light {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:ring-offset-accent {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:ring-offset-accent-dark {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:ring-offset-accent-light {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-transparent:focus-within {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-current:focus-within {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-black:focus-within {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-white:focus-within {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-gray-50:focus-within {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-gray-100:focus-within {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-gray-200:focus-within {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-gray-300:focus-within {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-gray-400:focus-within {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-gray-500:focus-within {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-gray-600:focus-within {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-gray-700:focus-within {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-gray-800:focus-within {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-gray-900:focus-within {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-red-50:focus-within {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-red-100:focus-within {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-red-200:focus-within {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-red-300:focus-within {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-red-400:focus-within {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-red-500:focus-within {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-red-600:focus-within {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-red-700:focus-within {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-red-800:focus-within {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-red-900:focus-within {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-yellow-50:focus-within {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-yellow-100:focus-within {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-yellow-200:focus-within {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-yellow-300:focus-within {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-yellow-400:focus-within {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-yellow-500:focus-within {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-yellow-600:focus-within {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-yellow-700:focus-within {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-yellow-800:focus-within {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-yellow-900:focus-within {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-green-50:focus-within {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-green-100:focus-within {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-green-200:focus-within {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-green-300:focus-within {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-green-400:focus-within {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-green-500:focus-within {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-green-600:focus-within {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-green-700:focus-within {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-green-800:focus-within {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-green-900:focus-within {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-green-apple:focus-within {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-blue-50:focus-within {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-blue-100:focus-within {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-blue-200:focus-within {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-blue-300:focus-within {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-blue-400:focus-within {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-blue-500:focus-within {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-blue-600:focus-within {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-blue-700:focus-within {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-blue-800:focus-within {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-blue-900:focus-within {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-indigo-50:focus-within {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-indigo-100:focus-within {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-indigo-200:focus-within {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-indigo-300:focus-within {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-indigo-400:focus-within {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-indigo-500:focus-within {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-indigo-600:focus-within {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-indigo-700:focus-within {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-indigo-800:focus-within {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-indigo-900:focus-within {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-purple-50:focus-within {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-purple-100:focus-within {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-purple-200:focus-within {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-purple-300:focus-within {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-purple-400:focus-within {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-purple-500:focus-within {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-purple-600:focus-within {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-purple-700:focus-within {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-purple-800:focus-within {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-purple-900:focus-within {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-pink-50:focus-within {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-pink-100:focus-within {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-pink-200:focus-within {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-pink-300:focus-within {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-pink-400:focus-within {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-pink-500:focus-within {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-pink-600:focus-within {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-pink-700:focus-within {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-pink-800:focus-within {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-pink-900:focus-within {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-grey-100:focus-within {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-grey-200:focus-within {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-grey-300:focus-within {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-grey-400:focus-within {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-grey-500:focus-within {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-grey-600:focus-within {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-grey-700:focus-within {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-grey-800:focus-within {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-grey-900:focus-within {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-primary:focus-within {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-primary-dark:focus-within {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-primary-light:focus-within {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-secondary:focus-within {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-secondary-dark:focus-within {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-secondary-light:focus-within {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-accent:focus-within {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-accent-dark:focus-within {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-offset-accent-light:focus-within {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-transparent:focus {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-current:focus {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-black:focus {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-white:focus {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-gray-50:focus {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-gray-100:focus {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-gray-200:focus {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-gray-300:focus {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-gray-400:focus {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-gray-500:focus {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-gray-600:focus {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-gray-700:focus {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-gray-800:focus {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-gray-900:focus {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-red-50:focus {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-red-100:focus {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-red-200:focus {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-red-300:focus {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-red-400:focus {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-red-500:focus {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-red-600:focus {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-red-700:focus {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-red-800:focus {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-red-900:focus {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-yellow-50:focus {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-yellow-100:focus {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-yellow-200:focus {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-yellow-300:focus {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-yellow-400:focus {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-yellow-500:focus {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-yellow-600:focus {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-yellow-700:focus {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-yellow-800:focus {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-yellow-900:focus {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-green-50:focus {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-green-100:focus {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-green-200:focus {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-green-300:focus {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-green-400:focus {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-green-500:focus {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-green-600:focus {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-green-700:focus {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-green-800:focus {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-green-900:focus {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-green-apple:focus {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-blue-50:focus {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-blue-100:focus {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-blue-200:focus {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-blue-300:focus {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-blue-400:focus {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-blue-500:focus {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-blue-600:focus {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-blue-700:focus {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-blue-800:focus {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-blue-900:focus {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-indigo-50:focus {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-indigo-100:focus {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-indigo-200:focus {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-indigo-300:focus {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-indigo-400:focus {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-indigo-500:focus {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-indigo-600:focus {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-indigo-700:focus {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-indigo-800:focus {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-indigo-900:focus {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-purple-50:focus {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-purple-100:focus {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-purple-200:focus {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-purple-300:focus {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-purple-400:focus {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-purple-500:focus {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-purple-600:focus {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-purple-700:focus {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-purple-800:focus {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-purple-900:focus {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-pink-50:focus {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-pink-100:focus {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-pink-200:focus {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-pink-300:focus {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-pink-400:focus {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-pink-500:focus {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-pink-600:focus {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-pink-700:focus {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-pink-800:focus {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-pink-900:focus {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-grey-100:focus {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-grey-200:focus {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-grey-300:focus {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-grey-400:focus {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-grey-500:focus {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-grey-600:focus {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-grey-700:focus {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-grey-800:focus {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-grey-900:focus {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-primary:focus {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-primary-dark:focus {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-primary-light:focus {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-secondary:focus {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-secondary-dark:focus {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-secondary-light:focus {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-accent:focus {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-accent-dark:focus {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:focus\:ring-offset-accent-light:focus {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:ring-transparent {
+      --tw-ring-color: transparent;
+    }
+
+    :root .xl\:dark\:ring-current {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .xl\:dark\:ring-black {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-white {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-gray-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-gray-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-gray-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-gray-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-gray-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-gray-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-gray-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-gray-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-gray-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-gray-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-red-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-red-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-red-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-red-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-red-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-red-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-red-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-red-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-red-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-red-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-yellow-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-yellow-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-yellow-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-yellow-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-yellow-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-yellow-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-yellow-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-yellow-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-yellow-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-yellow-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-green-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-green-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-green-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-green-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-green-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-green-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-green-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-green-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-green-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-green-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-green-apple {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-blue-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-blue-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-blue-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-blue-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-blue-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-blue-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-blue-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-blue-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-blue-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-blue-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-indigo-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-indigo-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-indigo-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-indigo-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-indigo-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-indigo-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-indigo-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-indigo-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-indigo-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-indigo-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-purple-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-purple-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-purple-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-purple-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-purple-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-purple-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-purple-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-purple-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-purple-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-purple-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-pink-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-pink-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-pink-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-pink-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-pink-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-pink-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-pink-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-pink-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-pink-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-pink-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-grey-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-grey-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-grey-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-grey-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-grey-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-grey-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-grey-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-grey-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-grey-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:ring-primary {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:ring-primary-dark {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:ring-primary-light {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:ring-secondary {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:ring-secondary-dark {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:ring-secondary-light {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:ring-accent {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:ring-accent-dark {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:ring-accent-light {
+      --tw-ring-color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-transparent:focus-within {
+      --tw-ring-color: transparent;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-current:focus-within {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .xl\:dark\:focus-within\:ring-black:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-white:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-gray-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-gray-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-gray-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-gray-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-gray-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-gray-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-gray-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-gray-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-gray-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-gray-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-red-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-red-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-red-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-red-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-red-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-red-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-red-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-red-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-red-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-red-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-yellow-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-yellow-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-yellow-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-yellow-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-yellow-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-yellow-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-yellow-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-yellow-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-yellow-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-yellow-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-green-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-green-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-green-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-green-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-green-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-green-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-green-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-green-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-green-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-green-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-green-apple:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-blue-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-blue-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-blue-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-blue-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-blue-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-blue-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-blue-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-blue-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-blue-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-blue-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-indigo-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-indigo-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-indigo-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-indigo-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-indigo-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-indigo-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-indigo-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-indigo-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-indigo-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-indigo-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-purple-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-purple-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-purple-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-purple-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-purple-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-purple-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-purple-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-purple-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-purple-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-purple-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-pink-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-pink-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-pink-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-pink-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-pink-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-pink-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-pink-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-pink-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-pink-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-pink-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-grey-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-grey-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-grey-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-grey-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-grey-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-grey-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-grey-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-grey-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-grey-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus-within\:ring-primary:focus-within {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-primary-dark:focus-within {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-primary-light:focus-within {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-secondary:focus-within {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-secondary-dark:focus-within {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-secondary-light:focus-within {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-accent:focus-within {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-accent-dark:focus-within {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:focus-within\:ring-accent-light:focus-within {
+      --tw-ring-color: var(--color-accent-light);
+    }
+
+    :root .xl\:dark\:focus\:ring-transparent:focus {
+      --tw-ring-color: transparent;
+    }
+
+    :root .xl\:dark\:focus\:ring-current:focus {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .xl\:dark\:focus\:ring-black:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-white:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-gray-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-gray-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-gray-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-gray-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-gray-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-gray-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-gray-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-gray-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-gray-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-gray-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-red-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-red-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-red-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-red-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-red-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-red-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-red-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-red-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-red-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-red-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-yellow-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-yellow-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-yellow-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-yellow-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-yellow-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-yellow-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-yellow-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-yellow-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-yellow-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-yellow-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-green-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-green-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-green-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-green-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-green-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-green-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-green-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-green-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-green-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-green-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-green-apple:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-blue-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-blue-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-blue-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-blue-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-blue-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-blue-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-blue-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-blue-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-blue-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-blue-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-indigo-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-indigo-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-indigo-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-indigo-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-indigo-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-indigo-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-indigo-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-indigo-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-indigo-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-indigo-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-purple-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-purple-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-purple-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-purple-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-purple-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-purple-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-purple-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-purple-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-purple-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-purple-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-pink-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-pink-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-pink-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-pink-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-pink-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-pink-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-pink-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-pink-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-pink-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-pink-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-grey-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-grey-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-grey-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-grey-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-grey-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-grey-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-grey-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-grey-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-grey-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .xl\:dark\:focus\:ring-primary:focus {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .xl\:dark\:focus\:ring-primary-dark:focus {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .xl\:dark\:focus\:ring-primary-light:focus {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .xl\:dark\:focus\:ring-secondary:focus {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .xl\:dark\:focus\:ring-secondary-dark:focus {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .xl\:dark\:focus\:ring-secondary-light:focus {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .xl\:dark\:focus\:ring-accent:focus {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .xl\:dark\:focus\:ring-accent-dark:focus {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .xl\:dark\:focus\:ring-accent-light:focus {
+      --tw-ring-color: var(--color-accent-light);
+    }
+  }
+
+  @media (min-width: 1536px) {
+    :root .\32xl\:dark\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+      border-color: transparent;
+    }
+
+    :root .\32xl\:dark\:divide-current > :not([hidden]) ~ :not([hidden]) {
+      border-color: currentColor;
+    }
+
+    :root .\32xl\:dark\:divide-black > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-white > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-green-apple > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-grey-100 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-grey-200 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-grey-300 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-grey-400 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-grey-500 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-grey-600 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-grey-700 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-grey-800 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-grey-900 > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-divide-opacity));
+    }
+
+    :root .\32xl\:dark\:divide-primary > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:divide-primary-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:divide-primary-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:divide-secondary > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:divide-secondary-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:divide-secondary-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:divide-accent > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:divide-accent-dark > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:divide-accent-light > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:from-transparent {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .\32xl\:dark\:from-current {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-black {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .\32xl\:dark\:from-white {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-gray-50 {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .\32xl\:dark\:from-gray-100 {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .\32xl\:dark\:from-gray-200 {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .\32xl\:dark\:from-gray-300 {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .\32xl\:dark\:from-gray-400 {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .\32xl\:dark\:from-gray-500 {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .\32xl\:dark\:from-gray-600 {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .\32xl\:dark\:from-gray-700 {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .\32xl\:dark\:from-gray-800 {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .\32xl\:dark\:from-gray-900 {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .\32xl\:dark\:from-red-50 {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .\32xl\:dark\:from-red-100 {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .\32xl\:dark\:from-red-200 {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .\32xl\:dark\:from-red-300 {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .\32xl\:dark\:from-red-400 {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .\32xl\:dark\:from-red-500 {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .\32xl\:dark\:from-red-600 {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .\32xl\:dark\:from-red-700 {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .\32xl\:dark\:from-red-800 {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .\32xl\:dark\:from-red-900 {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .\32xl\:dark\:from-yellow-50 {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .\32xl\:dark\:from-yellow-100 {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .\32xl\:dark\:from-yellow-200 {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .\32xl\:dark\:from-yellow-300 {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .\32xl\:dark\:from-yellow-400 {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .\32xl\:dark\:from-yellow-500 {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .\32xl\:dark\:from-yellow-600 {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .\32xl\:dark\:from-yellow-700 {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .\32xl\:dark\:from-yellow-800 {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .\32xl\:dark\:from-yellow-900 {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .\32xl\:dark\:from-green-50 {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .\32xl\:dark\:from-green-100 {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .\32xl\:dark\:from-green-200 {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .\32xl\:dark\:from-green-300 {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .\32xl\:dark\:from-green-400 {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .\32xl\:dark\:from-green-500 {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .\32xl\:dark\:from-green-600 {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .\32xl\:dark\:from-green-700 {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .\32xl\:dark\:from-green-800 {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .\32xl\:dark\:from-green-900 {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .\32xl\:dark\:from-green-apple {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .\32xl\:dark\:from-blue-50 {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-blue-100 {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .\32xl\:dark\:from-blue-200 {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .\32xl\:dark\:from-blue-300 {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .\32xl\:dark\:from-blue-400 {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .\32xl\:dark\:from-blue-500 {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .\32xl\:dark\:from-blue-600 {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .\32xl\:dark\:from-blue-700 {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .\32xl\:dark\:from-blue-800 {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .\32xl\:dark\:from-blue-900 {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .\32xl\:dark\:from-indigo-50 {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-indigo-100 {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-indigo-200 {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .\32xl\:dark\:from-indigo-300 {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .\32xl\:dark\:from-indigo-400 {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .\32xl\:dark\:from-indigo-500 {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .\32xl\:dark\:from-indigo-600 {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .\32xl\:dark\:from-indigo-700 {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .\32xl\:dark\:from-indigo-800 {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .\32xl\:dark\:from-indigo-900 {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .\32xl\:dark\:from-purple-50 {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-purple-100 {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .\32xl\:dark\:from-purple-200 {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .\32xl\:dark\:from-purple-300 {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .\32xl\:dark\:from-purple-400 {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .\32xl\:dark\:from-purple-500 {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .\32xl\:dark\:from-purple-600 {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .\32xl\:dark\:from-purple-700 {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .\32xl\:dark\:from-purple-800 {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .\32xl\:dark\:from-purple-900 {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .\32xl\:dark\:from-pink-50 {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .\32xl\:dark\:from-pink-100 {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .\32xl\:dark\:from-pink-200 {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .\32xl\:dark\:from-pink-300 {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .\32xl\:dark\:from-pink-400 {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .\32xl\:dark\:from-pink-500 {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .\32xl\:dark\:from-pink-600 {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .\32xl\:dark\:from-pink-700 {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .\32xl\:dark\:from-pink-800 {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .\32xl\:dark\:from-pink-900 {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .\32xl\:dark\:from-grey-100 {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .\32xl\:dark\:from-grey-200 {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .\32xl\:dark\:from-grey-300 {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .\32xl\:dark\:from-grey-400 {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .\32xl\:dark\:from-grey-500 {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .\32xl\:dark\:from-grey-600 {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .\32xl\:dark\:from-grey-700 {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .\32xl\:dark\:from-grey-800 {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .\32xl\:dark\:from-grey-900 {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .\32xl\:dark\:from-primary {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-primary-dark {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-primary-light {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-secondary {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-secondary-dark {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-secondary-light {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-accent {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-accent-dark {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:from-accent-light {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-transparent {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .\32xl\:dark\:via-current {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-black {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .\32xl\:dark\:via-white {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-gray-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .\32xl\:dark\:via-gray-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .\32xl\:dark\:via-gray-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .\32xl\:dark\:via-gray-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .\32xl\:dark\:via-gray-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .\32xl\:dark\:via-gray-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .\32xl\:dark\:via-gray-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .\32xl\:dark\:via-gray-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .\32xl\:dark\:via-gray-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .\32xl\:dark\:via-gray-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .\32xl\:dark\:via-red-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .\32xl\:dark\:via-red-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .\32xl\:dark\:via-red-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .\32xl\:dark\:via-red-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .\32xl\:dark\:via-red-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .\32xl\:dark\:via-red-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .\32xl\:dark\:via-red-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .\32xl\:dark\:via-red-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .\32xl\:dark\:via-red-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .\32xl\:dark\:via-red-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .\32xl\:dark\:via-yellow-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .\32xl\:dark\:via-yellow-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .\32xl\:dark\:via-yellow-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .\32xl\:dark\:via-yellow-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .\32xl\:dark\:via-yellow-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .\32xl\:dark\:via-yellow-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .\32xl\:dark\:via-yellow-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .\32xl\:dark\:via-yellow-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .\32xl\:dark\:via-yellow-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .\32xl\:dark\:via-yellow-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .\32xl\:dark\:via-green-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .\32xl\:dark\:via-green-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .\32xl\:dark\:via-green-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .\32xl\:dark\:via-green-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .\32xl\:dark\:via-green-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .\32xl\:dark\:via-green-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .\32xl\:dark\:via-green-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .\32xl\:dark\:via-green-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .\32xl\:dark\:via-green-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .\32xl\:dark\:via-green-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .\32xl\:dark\:via-green-apple {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .\32xl\:dark\:via-blue-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-blue-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .\32xl\:dark\:via-blue-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .\32xl\:dark\:via-blue-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .\32xl\:dark\:via-blue-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .\32xl\:dark\:via-blue-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .\32xl\:dark\:via-blue-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .\32xl\:dark\:via-blue-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .\32xl\:dark\:via-blue-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .\32xl\:dark\:via-blue-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .\32xl\:dark\:via-indigo-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-indigo-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-indigo-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .\32xl\:dark\:via-indigo-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .\32xl\:dark\:via-indigo-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .\32xl\:dark\:via-indigo-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .\32xl\:dark\:via-indigo-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .\32xl\:dark\:via-indigo-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .\32xl\:dark\:via-indigo-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .\32xl\:dark\:via-indigo-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .\32xl\:dark\:via-purple-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-purple-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .\32xl\:dark\:via-purple-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .\32xl\:dark\:via-purple-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .\32xl\:dark\:via-purple-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .\32xl\:dark\:via-purple-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .\32xl\:dark\:via-purple-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .\32xl\:dark\:via-purple-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .\32xl\:dark\:via-purple-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .\32xl\:dark\:via-purple-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .\32xl\:dark\:via-pink-50 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .\32xl\:dark\:via-pink-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .\32xl\:dark\:via-pink-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .\32xl\:dark\:via-pink-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .\32xl\:dark\:via-pink-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .\32xl\:dark\:via-pink-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .\32xl\:dark\:via-pink-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .\32xl\:dark\:via-pink-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .\32xl\:dark\:via-pink-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .\32xl\:dark\:via-pink-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .\32xl\:dark\:via-grey-100 {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .\32xl\:dark\:via-grey-200 {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .\32xl\:dark\:via-grey-300 {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .\32xl\:dark\:via-grey-400 {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .\32xl\:dark\:via-grey-500 {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .\32xl\:dark\:via-grey-600 {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .\32xl\:dark\:via-grey-700 {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .\32xl\:dark\:via-grey-800 {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .\32xl\:dark\:via-grey-900 {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .\32xl\:dark\:via-primary {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-primary-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-primary-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-secondary {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-secondary-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-secondary-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-accent {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-accent-dark {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:via-accent-light {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:to-transparent {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .\32xl\:dark\:to-current {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .\32xl\:dark\:to-black {
+      --tw-gradient-to: #000;
+    }
+
+    :root .\32xl\:dark\:to-white {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .\32xl\:dark\:to-gray-50 {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .\32xl\:dark\:to-gray-100 {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .\32xl\:dark\:to-gray-200 {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .\32xl\:dark\:to-gray-300 {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .\32xl\:dark\:to-gray-400 {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .\32xl\:dark\:to-gray-500 {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .\32xl\:dark\:to-gray-600 {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .\32xl\:dark\:to-gray-700 {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .\32xl\:dark\:to-gray-800 {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .\32xl\:dark\:to-gray-900 {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .\32xl\:dark\:to-red-50 {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .\32xl\:dark\:to-red-100 {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .\32xl\:dark\:to-red-200 {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .\32xl\:dark\:to-red-300 {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .\32xl\:dark\:to-red-400 {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .\32xl\:dark\:to-red-500 {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .\32xl\:dark\:to-red-600 {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .\32xl\:dark\:to-red-700 {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .\32xl\:dark\:to-red-800 {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .\32xl\:dark\:to-red-900 {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .\32xl\:dark\:to-yellow-50 {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .\32xl\:dark\:to-yellow-100 {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .\32xl\:dark\:to-yellow-200 {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .\32xl\:dark\:to-yellow-300 {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .\32xl\:dark\:to-yellow-400 {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .\32xl\:dark\:to-yellow-500 {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .\32xl\:dark\:to-yellow-600 {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .\32xl\:dark\:to-yellow-700 {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .\32xl\:dark\:to-yellow-800 {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .\32xl\:dark\:to-yellow-900 {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .\32xl\:dark\:to-green-50 {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .\32xl\:dark\:to-green-100 {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .\32xl\:dark\:to-green-200 {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .\32xl\:dark\:to-green-300 {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .\32xl\:dark\:to-green-400 {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .\32xl\:dark\:to-green-500 {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .\32xl\:dark\:to-green-600 {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .\32xl\:dark\:to-green-700 {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .\32xl\:dark\:to-green-800 {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .\32xl\:dark\:to-green-900 {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .\32xl\:dark\:to-green-apple {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .\32xl\:dark\:to-blue-50 {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .\32xl\:dark\:to-blue-100 {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .\32xl\:dark\:to-blue-200 {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .\32xl\:dark\:to-blue-300 {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .\32xl\:dark\:to-blue-400 {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .\32xl\:dark\:to-blue-500 {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .\32xl\:dark\:to-blue-600 {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .\32xl\:dark\:to-blue-700 {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .\32xl\:dark\:to-blue-800 {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .\32xl\:dark\:to-blue-900 {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .\32xl\:dark\:to-indigo-50 {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .\32xl\:dark\:to-indigo-100 {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .\32xl\:dark\:to-indigo-200 {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .\32xl\:dark\:to-indigo-300 {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .\32xl\:dark\:to-indigo-400 {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .\32xl\:dark\:to-indigo-500 {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .\32xl\:dark\:to-indigo-600 {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .\32xl\:dark\:to-indigo-700 {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .\32xl\:dark\:to-indigo-800 {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .\32xl\:dark\:to-indigo-900 {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .\32xl\:dark\:to-purple-50 {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .\32xl\:dark\:to-purple-100 {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .\32xl\:dark\:to-purple-200 {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .\32xl\:dark\:to-purple-300 {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .\32xl\:dark\:to-purple-400 {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .\32xl\:dark\:to-purple-500 {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .\32xl\:dark\:to-purple-600 {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .\32xl\:dark\:to-purple-700 {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .\32xl\:dark\:to-purple-800 {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .\32xl\:dark\:to-purple-900 {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .\32xl\:dark\:to-pink-50 {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .\32xl\:dark\:to-pink-100 {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .\32xl\:dark\:to-pink-200 {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .\32xl\:dark\:to-pink-300 {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .\32xl\:dark\:to-pink-400 {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .\32xl\:dark\:to-pink-500 {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .\32xl\:dark\:to-pink-600 {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .\32xl\:dark\:to-pink-700 {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .\32xl\:dark\:to-pink-800 {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .\32xl\:dark\:to-pink-900 {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .\32xl\:dark\:to-grey-100 {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .\32xl\:dark\:to-grey-200 {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .\32xl\:dark\:to-grey-300 {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .\32xl\:dark\:to-grey-400 {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .\32xl\:dark\:to-grey-500 {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .\32xl\:dark\:to-grey-600 {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .\32xl\:dark\:to-grey-700 {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .\32xl\:dark\:to-grey-800 {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .\32xl\:dark\:to-grey-900 {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .\32xl\:dark\:to-primary {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:to-primary-dark {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:to-primary-light {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:to-secondary {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:to-secondary-dark {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:to-secondary-light {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:to-accent {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:to-accent-dark {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:to-accent-light {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:hover\:from-transparent:hover {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-current:hover {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-black:hover {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-white:hover {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-gray-50:hover {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-gray-100:hover {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-gray-200:hover {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-gray-300:hover {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-gray-400:hover {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-gray-500:hover {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-gray-600:hover {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-gray-700:hover {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-gray-800:hover {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-gray-900:hover {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-red-50:hover {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-red-100:hover {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-red-200:hover {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-red-300:hover {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-red-400:hover {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-red-500:hover {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-red-600:hover {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-red-700:hover {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-red-800:hover {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-red-900:hover {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-yellow-50:hover {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-yellow-100:hover {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-yellow-200:hover {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-yellow-300:hover {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-yellow-400:hover {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-yellow-500:hover {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-yellow-600:hover {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-yellow-700:hover {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-yellow-800:hover {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-yellow-900:hover {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-green-50:hover {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-green-100:hover {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-green-200:hover {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-green-300:hover {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-green-400:hover {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-green-500:hover {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-green-600:hover {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-green-700:hover {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-green-800:hover {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-green-900:hover {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-green-apple:hover {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-blue-50:hover {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-blue-100:hover {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-blue-200:hover {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-blue-300:hover {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-blue-400:hover {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-blue-500:hover {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-blue-600:hover {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-blue-700:hover {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-blue-800:hover {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-blue-900:hover {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-indigo-50:hover {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-indigo-100:hover {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-indigo-200:hover {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-indigo-300:hover {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-indigo-400:hover {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-indigo-500:hover {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-indigo-600:hover {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-indigo-700:hover {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-indigo-800:hover {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-indigo-900:hover {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-purple-50:hover {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-purple-100:hover {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-purple-200:hover {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-purple-300:hover {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-purple-400:hover {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-purple-500:hover {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-purple-600:hover {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-purple-700:hover {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-purple-800:hover {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-purple-900:hover {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-pink-50:hover {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-pink-100:hover {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-pink-200:hover {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-pink-300:hover {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-pink-400:hover {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-pink-500:hover {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-pink-600:hover {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-pink-700:hover {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-pink-800:hover {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-pink-900:hover {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-grey-100:hover {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-grey-200:hover {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-grey-300:hover {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-grey-400:hover {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-grey-500:hover {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-grey-600:hover {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-grey-700:hover {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-grey-800:hover {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-grey-900:hover {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-primary:hover {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-primary-dark:hover {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-primary-light:hover {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-secondary:hover {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-secondary-dark:hover {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-secondary-light:hover {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-accent:hover {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-accent-dark:hover {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:from-accent-light:hover {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-transparent:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-current:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-black:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-white:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-gray-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-gray-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-gray-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-gray-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-gray-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-gray-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-gray-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-gray-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-gray-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-gray-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-red-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-red-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-red-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-red-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-red-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-red-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-red-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-red-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-red-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-red-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-yellow-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-yellow-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-yellow-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-yellow-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-yellow-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-yellow-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-yellow-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-yellow-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-yellow-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-yellow-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-green-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-green-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-green-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-green-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-green-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-green-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-green-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-green-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-green-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-green-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-green-apple:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-blue-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-blue-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-blue-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-blue-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-blue-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-blue-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-blue-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-blue-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-blue-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-blue-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-indigo-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-indigo-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-indigo-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-indigo-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-indigo-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-indigo-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-indigo-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-indigo-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-indigo-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-indigo-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-purple-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-purple-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-purple-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-purple-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-purple-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-purple-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-purple-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-purple-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-purple-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-purple-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-pink-50:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-pink-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-pink-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-pink-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-pink-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-pink-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-pink-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-pink-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-pink-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-pink-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-grey-100:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-grey-200:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-grey-300:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-grey-400:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-grey-500:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-grey-600:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-grey-700:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-grey-800:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-grey-900:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-primary:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-primary-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-primary-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-secondary:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-secondary-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-secondary-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-accent:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-accent-dark:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:via-accent-light:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:hover\:to-transparent:hover {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .\32xl\:dark\:hover\:to-current:hover {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .\32xl\:dark\:hover\:to-black:hover {
+      --tw-gradient-to: #000;
+    }
+
+    :root .\32xl\:dark\:hover\:to-white:hover {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .\32xl\:dark\:hover\:to-gray-50:hover {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .\32xl\:dark\:hover\:to-gray-100:hover {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .\32xl\:dark\:hover\:to-gray-200:hover {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .\32xl\:dark\:hover\:to-gray-300:hover {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .\32xl\:dark\:hover\:to-gray-400:hover {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .\32xl\:dark\:hover\:to-gray-500:hover {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .\32xl\:dark\:hover\:to-gray-600:hover {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .\32xl\:dark\:hover\:to-gray-700:hover {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .\32xl\:dark\:hover\:to-gray-800:hover {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .\32xl\:dark\:hover\:to-gray-900:hover {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .\32xl\:dark\:hover\:to-red-50:hover {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .\32xl\:dark\:hover\:to-red-100:hover {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .\32xl\:dark\:hover\:to-red-200:hover {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .\32xl\:dark\:hover\:to-red-300:hover {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .\32xl\:dark\:hover\:to-red-400:hover {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .\32xl\:dark\:hover\:to-red-500:hover {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .\32xl\:dark\:hover\:to-red-600:hover {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .\32xl\:dark\:hover\:to-red-700:hover {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .\32xl\:dark\:hover\:to-red-800:hover {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .\32xl\:dark\:hover\:to-red-900:hover {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .\32xl\:dark\:hover\:to-yellow-50:hover {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .\32xl\:dark\:hover\:to-yellow-100:hover {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .\32xl\:dark\:hover\:to-yellow-200:hover {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .\32xl\:dark\:hover\:to-yellow-300:hover {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .\32xl\:dark\:hover\:to-yellow-400:hover {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .\32xl\:dark\:hover\:to-yellow-500:hover {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .\32xl\:dark\:hover\:to-yellow-600:hover {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .\32xl\:dark\:hover\:to-yellow-700:hover {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .\32xl\:dark\:hover\:to-yellow-800:hover {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .\32xl\:dark\:hover\:to-yellow-900:hover {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .\32xl\:dark\:hover\:to-green-50:hover {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .\32xl\:dark\:hover\:to-green-100:hover {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .\32xl\:dark\:hover\:to-green-200:hover {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .\32xl\:dark\:hover\:to-green-300:hover {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .\32xl\:dark\:hover\:to-green-400:hover {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .\32xl\:dark\:hover\:to-green-500:hover {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .\32xl\:dark\:hover\:to-green-600:hover {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .\32xl\:dark\:hover\:to-green-700:hover {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .\32xl\:dark\:hover\:to-green-800:hover {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .\32xl\:dark\:hover\:to-green-900:hover {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .\32xl\:dark\:hover\:to-green-apple:hover {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .\32xl\:dark\:hover\:to-blue-50:hover {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .\32xl\:dark\:hover\:to-blue-100:hover {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .\32xl\:dark\:hover\:to-blue-200:hover {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .\32xl\:dark\:hover\:to-blue-300:hover {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .\32xl\:dark\:hover\:to-blue-400:hover {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .\32xl\:dark\:hover\:to-blue-500:hover {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .\32xl\:dark\:hover\:to-blue-600:hover {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .\32xl\:dark\:hover\:to-blue-700:hover {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .\32xl\:dark\:hover\:to-blue-800:hover {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .\32xl\:dark\:hover\:to-blue-900:hover {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .\32xl\:dark\:hover\:to-indigo-50:hover {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .\32xl\:dark\:hover\:to-indigo-100:hover {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .\32xl\:dark\:hover\:to-indigo-200:hover {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .\32xl\:dark\:hover\:to-indigo-300:hover {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .\32xl\:dark\:hover\:to-indigo-400:hover {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .\32xl\:dark\:hover\:to-indigo-500:hover {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .\32xl\:dark\:hover\:to-indigo-600:hover {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .\32xl\:dark\:hover\:to-indigo-700:hover {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .\32xl\:dark\:hover\:to-indigo-800:hover {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .\32xl\:dark\:hover\:to-indigo-900:hover {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .\32xl\:dark\:hover\:to-purple-50:hover {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .\32xl\:dark\:hover\:to-purple-100:hover {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .\32xl\:dark\:hover\:to-purple-200:hover {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .\32xl\:dark\:hover\:to-purple-300:hover {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .\32xl\:dark\:hover\:to-purple-400:hover {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .\32xl\:dark\:hover\:to-purple-500:hover {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .\32xl\:dark\:hover\:to-purple-600:hover {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .\32xl\:dark\:hover\:to-purple-700:hover {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .\32xl\:dark\:hover\:to-purple-800:hover {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .\32xl\:dark\:hover\:to-purple-900:hover {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .\32xl\:dark\:hover\:to-pink-50:hover {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .\32xl\:dark\:hover\:to-pink-100:hover {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .\32xl\:dark\:hover\:to-pink-200:hover {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .\32xl\:dark\:hover\:to-pink-300:hover {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .\32xl\:dark\:hover\:to-pink-400:hover {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .\32xl\:dark\:hover\:to-pink-500:hover {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .\32xl\:dark\:hover\:to-pink-600:hover {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .\32xl\:dark\:hover\:to-pink-700:hover {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .\32xl\:dark\:hover\:to-pink-800:hover {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .\32xl\:dark\:hover\:to-pink-900:hover {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .\32xl\:dark\:hover\:to-grey-100:hover {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .\32xl\:dark\:hover\:to-grey-200:hover {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .\32xl\:dark\:hover\:to-grey-300:hover {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .\32xl\:dark\:hover\:to-grey-400:hover {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .\32xl\:dark\:hover\:to-grey-500:hover {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .\32xl\:dark\:hover\:to-grey-600:hover {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .\32xl\:dark\:hover\:to-grey-700:hover {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .\32xl\:dark\:hover\:to-grey-800:hover {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .\32xl\:dark\:hover\:to-grey-900:hover {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .\32xl\:dark\:hover\:to-primary:hover {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:hover\:to-primary-dark:hover {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:hover\:to-primary-light:hover {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:hover\:to-secondary:hover {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:hover\:to-secondary-dark:hover {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:hover\:to-secondary-light:hover {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:hover\:to-accent:hover {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:hover\:to-accent-dark:hover {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:hover\:to-accent-light:hover {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:focus\:from-transparent:focus {
+      --tw-gradient-from: transparent;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-current:focus {
+      --tw-gradient-from: currentColor;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-black:focus {
+      --tw-gradient-from: #000;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-white:focus {
+      --tw-gradient-from: #fff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-gray-50:focus {
+      --tw-gradient-from: #f9fafb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-gray-100:focus {
+      --tw-gradient-from: #f3f4f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-gray-200:focus {
+      --tw-gradient-from: #e5e7eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-gray-300:focus {
+      --tw-gradient-from: #d1d5db;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-gray-400:focus {
+      --tw-gradient-from: #9ca3af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-gray-500:focus {
+      --tw-gradient-from: #6b7280;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-gray-600:focus {
+      --tw-gradient-from: #4b5563;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-gray-700:focus {
+      --tw-gradient-from: #374151;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-gray-800:focus {
+      --tw-gradient-from: #1f2937;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-gray-900:focus {
+      --tw-gradient-from: #111827;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-red-50:focus {
+      --tw-gradient-from: #fef2f2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-red-100:focus {
+      --tw-gradient-from: #fee2e2;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-red-200:focus {
+      --tw-gradient-from: #fecaca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-red-300:focus {
+      --tw-gradient-from: #fca5a5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-red-400:focus {
+      --tw-gradient-from: #f87171;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-red-500:focus {
+      --tw-gradient-from: #ef4444;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-red-600:focus {
+      --tw-gradient-from: #dc2626;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-red-700:focus {
+      --tw-gradient-from: #b91c1c;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-red-800:focus {
+      --tw-gradient-from: #991b1b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-red-900:focus {
+      --tw-gradient-from: #7f1d1d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-yellow-50:focus {
+      --tw-gradient-from: #fffbeb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-yellow-100:focus {
+      --tw-gradient-from: #fef3c7;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-yellow-200:focus {
+      --tw-gradient-from: #fde68a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-yellow-300:focus {
+      --tw-gradient-from: #fcd34d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-yellow-400:focus {
+      --tw-gradient-from: #fbbf24;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-yellow-500:focus {
+      --tw-gradient-from: #f59e0b;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-yellow-600:focus {
+      --tw-gradient-from: #d97706;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-yellow-700:focus {
+      --tw-gradient-from: #b45309;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-yellow-800:focus {
+      --tw-gradient-from: #92400e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-yellow-900:focus {
+      --tw-gradient-from: #78350f;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-green-50:focus {
+      --tw-gradient-from: #ecfdf5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-green-100:focus {
+      --tw-gradient-from: #f0fff4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-green-200:focus {
+      --tw-gradient-from: #c6f6d5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-green-300:focus {
+      --tw-gradient-from: #9ae6b4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-green-400:focus {
+      --tw-gradient-from: #68d391;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-green-500:focus {
+      --tw-gradient-from: #48bb78;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-green-600:focus {
+      --tw-gradient-from: #38a169;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-green-700:focus {
+      --tw-gradient-from: #2f855a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-green-800:focus {
+      --tw-gradient-from: #276749;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-green-900:focus {
+      --tw-gradient-from: #22543d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-green-apple:focus {
+      --tw-gradient-from: #E8F3EC;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-blue-50:focus {
+      --tw-gradient-from: #eff6ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-blue-100:focus {
+      --tw-gradient-from: #dbeafe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-blue-200:focus {
+      --tw-gradient-from: #bfdbfe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-blue-300:focus {
+      --tw-gradient-from: #93c5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-blue-400:focus {
+      --tw-gradient-from: #60a5fa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-blue-500:focus {
+      --tw-gradient-from: #3b82f6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-blue-600:focus {
+      --tw-gradient-from: #2563eb;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-blue-700:focus {
+      --tw-gradient-from: #1d4ed8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-blue-800:focus {
+      --tw-gradient-from: #1e40af;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-blue-900:focus {
+      --tw-gradient-from: #1e3a8a;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-indigo-50:focus {
+      --tw-gradient-from: #eef2ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-indigo-100:focus {
+      --tw-gradient-from: #e0e7ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-indigo-200:focus {
+      --tw-gradient-from: #c7d2fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-indigo-300:focus {
+      --tw-gradient-from: #a5b4fc;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-indigo-400:focus {
+      --tw-gradient-from: #818cf8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-indigo-500:focus {
+      --tw-gradient-from: #6366f1;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-indigo-600:focus {
+      --tw-gradient-from: #4f46e5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-indigo-700:focus {
+      --tw-gradient-from: #4338ca;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-indigo-800:focus {
+      --tw-gradient-from: #3730a3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-indigo-900:focus {
+      --tw-gradient-from: #312e81;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-purple-50:focus {
+      --tw-gradient-from: #f5f3ff;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-purple-100:focus {
+      --tw-gradient-from: #ede9fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-purple-200:focus {
+      --tw-gradient-from: #ddd6fe;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-purple-300:focus {
+      --tw-gradient-from: #c4b5fd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-purple-400:focus {
+      --tw-gradient-from: #a78bfa;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-purple-500:focus {
+      --tw-gradient-from: #8b5cf6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-purple-600:focus {
+      --tw-gradient-from: #7c3aed;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-purple-700:focus {
+      --tw-gradient-from: #6d28d9;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-purple-800:focus {
+      --tw-gradient-from: #5b21b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-purple-900:focus {
+      --tw-gradient-from: #4c1d95;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-pink-50:focus {
+      --tw-gradient-from: #fdf2f8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-pink-100:focus {
+      --tw-gradient-from: #fce7f3;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-pink-200:focus {
+      --tw-gradient-from: #fbcfe8;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-pink-300:focus {
+      --tw-gradient-from: #f9a8d4;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-pink-400:focus {
+      --tw-gradient-from: #f472b6;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-pink-500:focus {
+      --tw-gradient-from: #ec4899;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-pink-600:focus {
+      --tw-gradient-from: #db2777;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-pink-700:focus {
+      --tw-gradient-from: #be185d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-pink-800:focus {
+      --tw-gradient-from: #9d174d;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-pink-900:focus {
+      --tw-gradient-from: #831843;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-grey-100:focus {
+      --tw-gradient-from: #f5f5f5;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-grey-200:focus {
+      --tw-gradient-from: #eeeeee;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-grey-300:focus {
+      --tw-gradient-from: #e0e0e0;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-grey-400:focus {
+      --tw-gradient-from: #bdbdbd;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-grey-500:focus {
+      --tw-gradient-from: #9e9e9e;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-grey-600:focus {
+      --tw-gradient-from: #757575;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-grey-700:focus {
+      --tw-gradient-from: #616161;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-grey-800:focus {
+      --tw-gradient-from: #424242;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-grey-900:focus {
+      --tw-gradient-from: #212121;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-primary:focus {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-primary-dark:focus {
+      --tw-gradient-from: var(--color-primary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-primary-light:focus {
+      --tw-gradient-from: var(--color-primary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-secondary:focus {
+      --tw-gradient-from: var(--color-secondary);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-secondary-dark:focus {
+      --tw-gradient-from: var(--color-secondary-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-secondary-light:focus {
+      --tw-gradient-from: var(--color-secondary-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-accent:focus {
+      --tw-gradient-from: var(--color-accent);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-accent-dark:focus {
+      --tw-gradient-from: var(--color-accent-dark);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:from-accent-light:focus {
+      --tw-gradient-from: var(--color-accent-light);
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-transparent:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-current:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-black:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-white:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-gray-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-gray-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-gray-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-gray-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-gray-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-gray-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-gray-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-gray-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-gray-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-gray-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-red-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-red-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-red-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-red-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-red-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-red-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-red-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-red-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-red-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-red-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-yellow-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-yellow-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-yellow-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-yellow-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-yellow-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-yellow-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-yellow-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-yellow-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-yellow-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-yellow-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-green-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-green-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f0fff4, var(--tw-gradient-to, rgba(240, 255, 244, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-green-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c6f6d5, var(--tw-gradient-to, rgba(198, 246, 213, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-green-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9ae6b4, var(--tw-gradient-to, rgba(154, 230, 180, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-green-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #68d391, var(--tw-gradient-to, rgba(104, 211, 145, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-green-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #48bb78, var(--tw-gradient-to, rgba(72, 187, 120, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-green-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #38a169, var(--tw-gradient-to, rgba(56, 161, 105, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-green-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #2f855a, var(--tw-gradient-to, rgba(47, 133, 90, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-green-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #276749, var(--tw-gradient-to, rgba(39, 103, 73, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-green-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #22543d, var(--tw-gradient-to, rgba(34, 84, 61, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-green-apple:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #E8F3EC, var(--tw-gradient-to, rgba(232, 243, 236, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-blue-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-blue-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-blue-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-blue-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-blue-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-blue-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-blue-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-blue-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-blue-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-blue-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-indigo-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-indigo-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-indigo-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-indigo-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-indigo-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-indigo-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-indigo-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-indigo-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-indigo-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-indigo-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-purple-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-purple-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-purple-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-purple-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-purple-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-purple-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-purple-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-purple-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-purple-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-purple-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-pink-50:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-pink-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-pink-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-pink-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-pink-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-pink-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-pink-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-pink-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-pink-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-pink-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-grey-100:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to, rgba(245, 245, 245, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-grey-200:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #eeeeee, var(--tw-gradient-to, rgba(238, 238, 238, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-grey-300:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #e0e0e0, var(--tw-gradient-to, rgba(224, 224, 224, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-grey-400:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #bdbdbd, var(--tw-gradient-to, rgba(189, 189, 189, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-grey-500:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #9e9e9e, var(--tw-gradient-to, rgba(158, 158, 158, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-grey-600:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #757575, var(--tw-gradient-to, rgba(117, 117, 117, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-grey-700:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #616161, var(--tw-gradient-to, rgba(97, 97, 97, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-grey-800:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #424242, var(--tw-gradient-to, rgba(66, 66, 66, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-grey-900:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #212121, var(--tw-gradient-to, rgba(33, 33, 33, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-primary:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-primary-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-primary-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-secondary:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-secondary-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-secondary-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-secondary-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-accent:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-accent-dark:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-dark), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:via-accent-light:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), var(--color-accent-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+    }
+
+    :root .\32xl\:dark\:focus\:to-transparent:focus {
+      --tw-gradient-to: transparent;
+    }
+
+    :root .\32xl\:dark\:focus\:to-current:focus {
+      --tw-gradient-to: currentColor;
+    }
+
+    :root .\32xl\:dark\:focus\:to-black:focus {
+      --tw-gradient-to: #000;
+    }
+
+    :root .\32xl\:dark\:focus\:to-white:focus {
+      --tw-gradient-to: #fff;
+    }
+
+    :root .\32xl\:dark\:focus\:to-gray-50:focus {
+      --tw-gradient-to: #f9fafb;
+    }
+
+    :root .\32xl\:dark\:focus\:to-gray-100:focus {
+      --tw-gradient-to: #f3f4f6;
+    }
+
+    :root .\32xl\:dark\:focus\:to-gray-200:focus {
+      --tw-gradient-to: #e5e7eb;
+    }
+
+    :root .\32xl\:dark\:focus\:to-gray-300:focus {
+      --tw-gradient-to: #d1d5db;
+    }
+
+    :root .\32xl\:dark\:focus\:to-gray-400:focus {
+      --tw-gradient-to: #9ca3af;
+    }
+
+    :root .\32xl\:dark\:focus\:to-gray-500:focus {
+      --tw-gradient-to: #6b7280;
+    }
+
+    :root .\32xl\:dark\:focus\:to-gray-600:focus {
+      --tw-gradient-to: #4b5563;
+    }
+
+    :root .\32xl\:dark\:focus\:to-gray-700:focus {
+      --tw-gradient-to: #374151;
+    }
+
+    :root .\32xl\:dark\:focus\:to-gray-800:focus {
+      --tw-gradient-to: #1f2937;
+    }
+
+    :root .\32xl\:dark\:focus\:to-gray-900:focus {
+      --tw-gradient-to: #111827;
+    }
+
+    :root .\32xl\:dark\:focus\:to-red-50:focus {
+      --tw-gradient-to: #fef2f2;
+    }
+
+    :root .\32xl\:dark\:focus\:to-red-100:focus {
+      --tw-gradient-to: #fee2e2;
+    }
+
+    :root .\32xl\:dark\:focus\:to-red-200:focus {
+      --tw-gradient-to: #fecaca;
+    }
+
+    :root .\32xl\:dark\:focus\:to-red-300:focus {
+      --tw-gradient-to: #fca5a5;
+    }
+
+    :root .\32xl\:dark\:focus\:to-red-400:focus {
+      --tw-gradient-to: #f87171;
+    }
+
+    :root .\32xl\:dark\:focus\:to-red-500:focus {
+      --tw-gradient-to: #ef4444;
+    }
+
+    :root .\32xl\:dark\:focus\:to-red-600:focus {
+      --tw-gradient-to: #dc2626;
+    }
+
+    :root .\32xl\:dark\:focus\:to-red-700:focus {
+      --tw-gradient-to: #b91c1c;
+    }
+
+    :root .\32xl\:dark\:focus\:to-red-800:focus {
+      --tw-gradient-to: #991b1b;
+    }
+
+    :root .\32xl\:dark\:focus\:to-red-900:focus {
+      --tw-gradient-to: #7f1d1d;
+    }
+
+    :root .\32xl\:dark\:focus\:to-yellow-50:focus {
+      --tw-gradient-to: #fffbeb;
+    }
+
+    :root .\32xl\:dark\:focus\:to-yellow-100:focus {
+      --tw-gradient-to: #fef3c7;
+    }
+
+    :root .\32xl\:dark\:focus\:to-yellow-200:focus {
+      --tw-gradient-to: #fde68a;
+    }
+
+    :root .\32xl\:dark\:focus\:to-yellow-300:focus {
+      --tw-gradient-to: #fcd34d;
+    }
+
+    :root .\32xl\:dark\:focus\:to-yellow-400:focus {
+      --tw-gradient-to: #fbbf24;
+    }
+
+    :root .\32xl\:dark\:focus\:to-yellow-500:focus {
+      --tw-gradient-to: #f59e0b;
+    }
+
+    :root .\32xl\:dark\:focus\:to-yellow-600:focus {
+      --tw-gradient-to: #d97706;
+    }
+
+    :root .\32xl\:dark\:focus\:to-yellow-700:focus {
+      --tw-gradient-to: #b45309;
+    }
+
+    :root .\32xl\:dark\:focus\:to-yellow-800:focus {
+      --tw-gradient-to: #92400e;
+    }
+
+    :root .\32xl\:dark\:focus\:to-yellow-900:focus {
+      --tw-gradient-to: #78350f;
+    }
+
+    :root .\32xl\:dark\:focus\:to-green-50:focus {
+      --tw-gradient-to: #ecfdf5;
+    }
+
+    :root .\32xl\:dark\:focus\:to-green-100:focus {
+      --tw-gradient-to: #f0fff4;
+    }
+
+    :root .\32xl\:dark\:focus\:to-green-200:focus {
+      --tw-gradient-to: #c6f6d5;
+    }
+
+    :root .\32xl\:dark\:focus\:to-green-300:focus {
+      --tw-gradient-to: #9ae6b4;
+    }
+
+    :root .\32xl\:dark\:focus\:to-green-400:focus {
+      --tw-gradient-to: #68d391;
+    }
+
+    :root .\32xl\:dark\:focus\:to-green-500:focus {
+      --tw-gradient-to: #48bb78;
+    }
+
+    :root .\32xl\:dark\:focus\:to-green-600:focus {
+      --tw-gradient-to: #38a169;
+    }
+
+    :root .\32xl\:dark\:focus\:to-green-700:focus {
+      --tw-gradient-to: #2f855a;
+    }
+
+    :root .\32xl\:dark\:focus\:to-green-800:focus {
+      --tw-gradient-to: #276749;
+    }
+
+    :root .\32xl\:dark\:focus\:to-green-900:focus {
+      --tw-gradient-to: #22543d;
+    }
+
+    :root .\32xl\:dark\:focus\:to-green-apple:focus {
+      --tw-gradient-to: #E8F3EC;
+    }
+
+    :root .\32xl\:dark\:focus\:to-blue-50:focus {
+      --tw-gradient-to: #eff6ff;
+    }
+
+    :root .\32xl\:dark\:focus\:to-blue-100:focus {
+      --tw-gradient-to: #dbeafe;
+    }
+
+    :root .\32xl\:dark\:focus\:to-blue-200:focus {
+      --tw-gradient-to: #bfdbfe;
+    }
+
+    :root .\32xl\:dark\:focus\:to-blue-300:focus {
+      --tw-gradient-to: #93c5fd;
+    }
+
+    :root .\32xl\:dark\:focus\:to-blue-400:focus {
+      --tw-gradient-to: #60a5fa;
+    }
+
+    :root .\32xl\:dark\:focus\:to-blue-500:focus {
+      --tw-gradient-to: #3b82f6;
+    }
+
+    :root .\32xl\:dark\:focus\:to-blue-600:focus {
+      --tw-gradient-to: #2563eb;
+    }
+
+    :root .\32xl\:dark\:focus\:to-blue-700:focus {
+      --tw-gradient-to: #1d4ed8;
+    }
+
+    :root .\32xl\:dark\:focus\:to-blue-800:focus {
+      --tw-gradient-to: #1e40af;
+    }
+
+    :root .\32xl\:dark\:focus\:to-blue-900:focus {
+      --tw-gradient-to: #1e3a8a;
+    }
+
+    :root .\32xl\:dark\:focus\:to-indigo-50:focus {
+      --tw-gradient-to: #eef2ff;
+    }
+
+    :root .\32xl\:dark\:focus\:to-indigo-100:focus {
+      --tw-gradient-to: #e0e7ff;
+    }
+
+    :root .\32xl\:dark\:focus\:to-indigo-200:focus {
+      --tw-gradient-to: #c7d2fe;
+    }
+
+    :root .\32xl\:dark\:focus\:to-indigo-300:focus {
+      --tw-gradient-to: #a5b4fc;
+    }
+
+    :root .\32xl\:dark\:focus\:to-indigo-400:focus {
+      --tw-gradient-to: #818cf8;
+    }
+
+    :root .\32xl\:dark\:focus\:to-indigo-500:focus {
+      --tw-gradient-to: #6366f1;
+    }
+
+    :root .\32xl\:dark\:focus\:to-indigo-600:focus {
+      --tw-gradient-to: #4f46e5;
+    }
+
+    :root .\32xl\:dark\:focus\:to-indigo-700:focus {
+      --tw-gradient-to: #4338ca;
+    }
+
+    :root .\32xl\:dark\:focus\:to-indigo-800:focus {
+      --tw-gradient-to: #3730a3;
+    }
+
+    :root .\32xl\:dark\:focus\:to-indigo-900:focus {
+      --tw-gradient-to: #312e81;
+    }
+
+    :root .\32xl\:dark\:focus\:to-purple-50:focus {
+      --tw-gradient-to: #f5f3ff;
+    }
+
+    :root .\32xl\:dark\:focus\:to-purple-100:focus {
+      --tw-gradient-to: #ede9fe;
+    }
+
+    :root .\32xl\:dark\:focus\:to-purple-200:focus {
+      --tw-gradient-to: #ddd6fe;
+    }
+
+    :root .\32xl\:dark\:focus\:to-purple-300:focus {
+      --tw-gradient-to: #c4b5fd;
+    }
+
+    :root .\32xl\:dark\:focus\:to-purple-400:focus {
+      --tw-gradient-to: #a78bfa;
+    }
+
+    :root .\32xl\:dark\:focus\:to-purple-500:focus {
+      --tw-gradient-to: #8b5cf6;
+    }
+
+    :root .\32xl\:dark\:focus\:to-purple-600:focus {
+      --tw-gradient-to: #7c3aed;
+    }
+
+    :root .\32xl\:dark\:focus\:to-purple-700:focus {
+      --tw-gradient-to: #6d28d9;
+    }
+
+    :root .\32xl\:dark\:focus\:to-purple-800:focus {
+      --tw-gradient-to: #5b21b6;
+    }
+
+    :root .\32xl\:dark\:focus\:to-purple-900:focus {
+      --tw-gradient-to: #4c1d95;
+    }
+
+    :root .\32xl\:dark\:focus\:to-pink-50:focus {
+      --tw-gradient-to: #fdf2f8;
+    }
+
+    :root .\32xl\:dark\:focus\:to-pink-100:focus {
+      --tw-gradient-to: #fce7f3;
+    }
+
+    :root .\32xl\:dark\:focus\:to-pink-200:focus {
+      --tw-gradient-to: #fbcfe8;
+    }
+
+    :root .\32xl\:dark\:focus\:to-pink-300:focus {
+      --tw-gradient-to: #f9a8d4;
+    }
+
+    :root .\32xl\:dark\:focus\:to-pink-400:focus {
+      --tw-gradient-to: #f472b6;
+    }
+
+    :root .\32xl\:dark\:focus\:to-pink-500:focus {
+      --tw-gradient-to: #ec4899;
+    }
+
+    :root .\32xl\:dark\:focus\:to-pink-600:focus {
+      --tw-gradient-to: #db2777;
+    }
+
+    :root .\32xl\:dark\:focus\:to-pink-700:focus {
+      --tw-gradient-to: #be185d;
+    }
+
+    :root .\32xl\:dark\:focus\:to-pink-800:focus {
+      --tw-gradient-to: #9d174d;
+    }
+
+    :root .\32xl\:dark\:focus\:to-pink-900:focus {
+      --tw-gradient-to: #831843;
+    }
+
+    :root .\32xl\:dark\:focus\:to-grey-100:focus {
+      --tw-gradient-to: #f5f5f5;
+    }
+
+    :root .\32xl\:dark\:focus\:to-grey-200:focus {
+      --tw-gradient-to: #eeeeee;
+    }
+
+    :root .\32xl\:dark\:focus\:to-grey-300:focus {
+      --tw-gradient-to: #e0e0e0;
+    }
+
+    :root .\32xl\:dark\:focus\:to-grey-400:focus {
+      --tw-gradient-to: #bdbdbd;
+    }
+
+    :root .\32xl\:dark\:focus\:to-grey-500:focus {
+      --tw-gradient-to: #9e9e9e;
+    }
+
+    :root .\32xl\:dark\:focus\:to-grey-600:focus {
+      --tw-gradient-to: #757575;
+    }
+
+    :root .\32xl\:dark\:focus\:to-grey-700:focus {
+      --tw-gradient-to: #616161;
+    }
+
+    :root .\32xl\:dark\:focus\:to-grey-800:focus {
+      --tw-gradient-to: #424242;
+    }
+
+    :root .\32xl\:dark\:focus\:to-grey-900:focus {
+      --tw-gradient-to: #212121;
+    }
+
+    :root .\32xl\:dark\:focus\:to-primary:focus {
+      --tw-gradient-to: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:focus\:to-primary-dark:focus {
+      --tw-gradient-to: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:to-primary-light:focus {
+      --tw-gradient-to: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:to-secondary:focus {
+      --tw-gradient-to: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:focus\:to-secondary-dark:focus {
+      --tw-gradient-to: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:to-secondary-light:focus {
+      --tw-gradient-to: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:to-accent:focus {
+      --tw-gradient-to: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:focus\:to-accent-dark:focus {
+      --tw-gradient-to: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:to-accent-light:focus {
+      --tw-gradient-to: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:border-transparent {
+      border-color: transparent;
+    }
+
+    :root .\32xl\:dark\:border-current {
+      border-color: currentColor;
+    }
+
+    :root .\32xl\:dark\:border-black {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-white {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-gray-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-gray-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-gray-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-gray-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-gray-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-gray-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-gray-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-gray-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-gray-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-gray-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-red-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-red-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-red-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-red-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-red-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-red-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-red-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-red-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-red-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-red-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-yellow-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-yellow-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-yellow-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-yellow-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-yellow-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-yellow-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-yellow-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-yellow-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-yellow-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-yellow-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-green-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-green-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-green-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-green-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-green-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-green-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-green-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-green-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-green-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-green-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-green-apple {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-blue-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-blue-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-blue-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-blue-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-blue-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-blue-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-blue-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-blue-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-blue-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-blue-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-indigo-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-indigo-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-indigo-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-indigo-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-indigo-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-indigo-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-indigo-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-indigo-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-indigo-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-indigo-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-purple-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-purple-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-purple-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-purple-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-purple-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-purple-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-purple-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-purple-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-purple-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-purple-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-pink-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-pink-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-pink-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-pink-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-pink-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-pink-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-pink-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-pink-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-pink-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-pink-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-grey-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-grey-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-grey-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-grey-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-grey-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-grey-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-grey-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-grey-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-grey-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:border-primary {
+      border-color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:border-primary-dark {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:border-primary-light {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:border-secondary {
+      border-color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:border-secondary-dark {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:border-secondary-light {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:border-accent {
+      border-color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:border-accent-dark {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:border-accent-light {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-transparent {
+      border-color: transparent;
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-current {
+      border-color: currentColor;
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-black {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-white {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-gray-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-gray-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-gray-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-gray-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-gray-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-gray-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-gray-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-gray-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-gray-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-gray-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-red-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-red-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-red-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-red-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-red-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-red-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-red-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-red-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-red-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-red-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-yellow-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-yellow-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-yellow-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-yellow-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-yellow-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-yellow-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-yellow-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-yellow-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-yellow-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-yellow-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-green-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-green-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-green-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-green-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-green-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-green-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-green-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-green-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-green-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-green-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-green-apple {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-blue-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-blue-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-blue-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-blue-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-blue-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-blue-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-blue-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-blue-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-blue-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-blue-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-indigo-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-indigo-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-indigo-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-indigo-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-indigo-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-indigo-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-indigo-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-indigo-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-indigo-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-indigo-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-purple-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-purple-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-purple-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-purple-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-purple-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-purple-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-purple-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-purple-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-purple-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-purple-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-pink-50 {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-pink-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-pink-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-pink-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-pink-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-pink-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-pink-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-pink-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-pink-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-pink-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-grey-100 {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-grey-200 {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-grey-300 {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-grey-400 {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-grey-500 {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-grey-600 {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-grey-700 {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-grey-800 {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-grey-900 {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-primary {
+      border-color: var(--color-primary);
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-primary-dark {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-primary-light {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-secondary {
+      border-color: var(--color-secondary);
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-secondary-dark {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-secondary-light {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-accent {
+      border-color: var(--color-accent);
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-accent-dark {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .group:hover .\32xl\:dark\:group-hover\:border-accent-light {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-transparent:focus-within {
+      border-color: transparent;
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-current:focus-within {
+      border-color: currentColor;
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-black:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-white:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-gray-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-gray-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-gray-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-gray-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-gray-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-gray-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-gray-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-gray-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-gray-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-gray-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-red-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-red-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-red-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-red-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-red-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-red-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-red-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-red-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-red-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-red-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-yellow-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-yellow-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-yellow-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-yellow-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-yellow-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-yellow-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-yellow-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-yellow-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-yellow-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-yellow-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-green-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-green-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-green-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-green-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-green-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-green-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-green-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-green-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-green-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-green-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-green-apple:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-blue-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-blue-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-blue-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-blue-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-blue-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-blue-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-blue-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-blue-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-blue-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-blue-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-indigo-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-indigo-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-indigo-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-indigo-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-indigo-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-indigo-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-indigo-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-indigo-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-indigo-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-indigo-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-purple-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-purple-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-purple-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-purple-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-purple-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-purple-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-purple-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-purple-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-purple-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-purple-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-pink-50:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-pink-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-pink-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-pink-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-pink-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-pink-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-pink-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-pink-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-pink-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-pink-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-grey-100:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-grey-200:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-grey-300:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-grey-400:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-grey-500:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-grey-600:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-grey-700:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-grey-800:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-grey-900:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-primary:focus-within {
+      border-color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-primary-dark:focus-within {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-primary-light:focus-within {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-secondary:focus-within {
+      border-color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-secondary-dark:focus-within {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-secondary-light:focus-within {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-accent:focus-within {
+      border-color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-accent-dark:focus-within {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:focus-within\:border-accent-light:focus-within {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:hover\:border-transparent:hover {
+      border-color: transparent;
+    }
+
+    :root .\32xl\:dark\:hover\:border-current:hover {
+      border-color: currentColor;
+    }
+
+    :root .\32xl\:dark\:hover\:border-black:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-white:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-gray-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-gray-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-gray-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-gray-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-gray-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-gray-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-gray-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-gray-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-gray-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-gray-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-red-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-red-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-red-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-red-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-red-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-red-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-red-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-red-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-red-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-red-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-yellow-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-yellow-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-yellow-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-yellow-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-yellow-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-yellow-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-yellow-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-yellow-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-yellow-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-yellow-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-green-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-green-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-green-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-green-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-green-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-green-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-green-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-green-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-green-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-green-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-green-apple:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-blue-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-blue-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-blue-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-blue-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-blue-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-blue-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-blue-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-blue-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-blue-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-blue-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-indigo-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-indigo-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-indigo-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-indigo-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-indigo-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-indigo-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-indigo-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-indigo-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-indigo-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-indigo-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-purple-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-purple-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-purple-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-purple-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-purple-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-purple-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-purple-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-purple-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-purple-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-purple-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-pink-50:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-pink-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-pink-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-pink-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-pink-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-pink-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-pink-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-pink-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-pink-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-pink-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-grey-100:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-grey-200:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-grey-300:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-grey-400:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-grey-500:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-grey-600:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-grey-700:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-grey-800:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-grey-900:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:hover\:border-primary:hover {
+      border-color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:hover\:border-primary-dark:hover {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:hover\:border-primary-light:hover {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:hover\:border-secondary:hover {
+      border-color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:hover\:border-secondary-dark:hover {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:hover\:border-secondary-light:hover {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:hover\:border-accent:hover {
+      border-color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:hover\:border-accent-dark:hover {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:hover\:border-accent-light:hover {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:focus\:border-transparent:focus {
+      border-color: transparent;
+    }
+
+    :root .\32xl\:dark\:focus\:border-current:focus {
+      border-color: currentColor;
+    }
+
+    :root .\32xl\:dark\:focus\:border-black:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-white:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-gray-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-gray-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-gray-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-gray-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-gray-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-gray-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-gray-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-gray-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-gray-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-gray-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-red-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-red-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-red-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-red-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-red-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-red-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-red-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-red-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-red-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-red-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-yellow-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-yellow-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-yellow-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-yellow-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-yellow-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-yellow-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-yellow-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-yellow-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-yellow-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-yellow-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-green-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-green-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(240, 255, 244, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-green-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(198, 246, 213, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-green-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(154, 230, 180, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-green-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(104, 211, 145, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-green-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(72, 187, 120, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-green-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(56, 161, 105, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-green-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(47, 133, 90, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-green-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(39, 103, 73, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-green-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(34, 84, 61, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-green-apple:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(232, 243, 236, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-blue-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-blue-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-blue-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-blue-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-blue-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-blue-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-blue-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-blue-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-blue-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-blue-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-indigo-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-indigo-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-indigo-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-indigo-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-indigo-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-indigo-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-indigo-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-indigo-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-indigo-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-indigo-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-purple-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-purple-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-purple-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-purple-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-purple-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-purple-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-purple-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-purple-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-purple-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-purple-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-pink-50:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-pink-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-pink-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-pink-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-pink-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-pink-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-pink-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-pink-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-pink-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-pink-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-grey-100:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(245, 245, 245, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-grey-200:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(238, 238, 238, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-grey-300:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(224, 224, 224, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-grey-400:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(189, 189, 189, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-grey-500:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(158, 158, 158, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-grey-600:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(117, 117, 117, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-grey-700:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(97, 97, 97, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-grey-800:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(66, 66, 66, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-grey-900:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(33, 33, 33, var(--tw-border-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:border-primary:focus {
+      border-color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:focus\:border-primary-dark:focus {
+      border-color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:border-primary-light:focus {
+      border-color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:border-secondary:focus {
+      border-color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:focus\:border-secondary-dark:focus {
+      border-color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:border-secondary-light:focus {
+      border-color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:border-accent:focus {
+      border-color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:focus\:border-accent-dark:focus {
+      border-color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:border-accent-light:focus {
+      border-color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:placeholder-transparent::-moz-placeholder {
+      color: transparent;
+    }
+
+    :root .\32xl\:dark\:placeholder-transparent:-ms-input-placeholder {
+      color: transparent;
+    }
+
+    :root .\32xl\:dark\:placeholder-transparent::placeholder {
+      color: transparent;
+    }
+
+    :root .\32xl\:dark\:placeholder-current::-moz-placeholder {
+      color: currentColor;
+    }
+
+    :root .\32xl\:dark\:placeholder-current:-ms-input-placeholder {
+      color: currentColor;
+    }
+
+    :root .\32xl\:dark\:placeholder-current::placeholder {
+      color: currentColor;
+    }
+
+    :root .\32xl\:dark\:placeholder-black::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-black:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-black::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-white::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-white:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-white::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-gray-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-red-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-yellow-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-apple::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-apple:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-green-apple::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-blue-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-indigo-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-purple-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-50::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-50:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-50::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-pink-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-100::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-100:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-100::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-200::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-200:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-200::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-300::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-300:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-300::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-400::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-400:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-400::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-500::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-500:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-500::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-600::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-600:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-600::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-700::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-700:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-700::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-800::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-800:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-800::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-900::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-900:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-grey-900::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:placeholder-primary::-moz-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:placeholder-primary:-ms-input-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:placeholder-primary::placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:placeholder-primary-dark::-moz-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:placeholder-primary-dark:-ms-input-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:placeholder-primary-dark::placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:placeholder-primary-light::-moz-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:placeholder-primary-light:-ms-input-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:placeholder-primary-light::placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:placeholder-secondary::-moz-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:placeholder-secondary:-ms-input-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:placeholder-secondary::placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:placeholder-secondary-dark::-moz-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:placeholder-secondary-dark:-ms-input-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:placeholder-secondary-dark::placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:placeholder-secondary-light::-moz-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:placeholder-secondary-light:-ms-input-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:placeholder-secondary-light::placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:placeholder-accent::-moz-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:placeholder-accent:-ms-input-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:placeholder-accent::placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:placeholder-accent-dark::-moz-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:placeholder-accent-dark:-ms-input-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:placeholder-accent-dark::placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:placeholder-accent-light::-moz-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:placeholder-accent-light:-ms-input-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:placeholder-accent-light::placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-transparent:focus::-moz-placeholder {
+      color: transparent;
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
+      color: transparent;
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-transparent:focus::placeholder {
+      color: transparent;
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-current:focus::-moz-placeholder {
+      color: currentColor;
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-current:focus:-ms-input-placeholder {
+      color: currentColor;
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-current:focus::placeholder {
+      color: currentColor;
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-black:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-black:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-black:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-white:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-white:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-white:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-gray-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-red-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-yellow-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(240, 255, 244, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(198, 246, 213, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(154, 230, 180, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(104, 211, 145, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(72, 187, 120, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(56, 161, 105, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(47, 133, 90, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(39, 103, 73, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(34, 84, 61, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-apple:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-apple:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-green-apple:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(232, 243, 236, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-blue-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-indigo-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-purple-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-50:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-50:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-50:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-pink-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-100:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-100:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-100:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(245, 245, 245, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-200:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-200:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-200:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(238, 238, 238, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-300:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-300:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-300:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(224, 224, 224, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-400:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-400:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-400:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(189, 189, 189, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-500:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-500:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-500:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(158, 158, 158, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-600:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-600:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-600:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(117, 117, 117, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-700:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-700:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-700:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(97, 97, 97, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-800:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-800:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-800:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(66, 66, 66, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-900:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-900:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-grey-900:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(33, 33, 33, var(--tw-placeholder-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-primary:focus::-moz-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-primary:focus:-ms-input-placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-primary:focus::placeholder {
+      color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-primary-dark:focus::-moz-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-primary-dark:focus:-ms-input-placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-primary-dark:focus::placeholder {
+      color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-primary-light:focus::-moz-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-primary-light:focus:-ms-input-placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-primary-light:focus::placeholder {
+      color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-secondary:focus::-moz-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-secondary:focus:-ms-input-placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-secondary:focus::placeholder {
+      color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-secondary-dark:focus::-moz-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-secondary-dark:focus:-ms-input-placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-secondary-dark:focus::placeholder {
+      color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-secondary-light:focus::-moz-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-secondary-light:focus:-ms-input-placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-secondary-light:focus::placeholder {
+      color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-accent:focus::-moz-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-accent:focus:-ms-input-placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-accent:focus::placeholder {
+      color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-accent-dark:focus::-moz-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-accent-dark:focus:-ms-input-placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-accent-dark:focus::placeholder {
+      color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-accent-light:focus::-moz-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-accent-light:focus:-ms-input-placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:focus\:placeholder-accent-light:focus::placeholder {
+      color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:ring-offset-transparent {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .\32xl\:dark\:ring-offset-current {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .\32xl\:dark\:ring-offset-black {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .\32xl\:dark\:ring-offset-white {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .\32xl\:dark\:ring-offset-gray-50 {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .\32xl\:dark\:ring-offset-gray-100 {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .\32xl\:dark\:ring-offset-gray-200 {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .\32xl\:dark\:ring-offset-gray-300 {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .\32xl\:dark\:ring-offset-gray-400 {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .\32xl\:dark\:ring-offset-gray-500 {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .\32xl\:dark\:ring-offset-gray-600 {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .\32xl\:dark\:ring-offset-gray-700 {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .\32xl\:dark\:ring-offset-gray-800 {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .\32xl\:dark\:ring-offset-gray-900 {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .\32xl\:dark\:ring-offset-red-50 {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .\32xl\:dark\:ring-offset-red-100 {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .\32xl\:dark\:ring-offset-red-200 {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .\32xl\:dark\:ring-offset-red-300 {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .\32xl\:dark\:ring-offset-red-400 {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .\32xl\:dark\:ring-offset-red-500 {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .\32xl\:dark\:ring-offset-red-600 {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .\32xl\:dark\:ring-offset-red-700 {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .\32xl\:dark\:ring-offset-red-800 {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .\32xl\:dark\:ring-offset-red-900 {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .\32xl\:dark\:ring-offset-yellow-50 {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .\32xl\:dark\:ring-offset-yellow-100 {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .\32xl\:dark\:ring-offset-yellow-200 {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .\32xl\:dark\:ring-offset-yellow-300 {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .\32xl\:dark\:ring-offset-yellow-400 {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .\32xl\:dark\:ring-offset-yellow-500 {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .\32xl\:dark\:ring-offset-yellow-600 {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .\32xl\:dark\:ring-offset-yellow-700 {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .\32xl\:dark\:ring-offset-yellow-800 {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .\32xl\:dark\:ring-offset-yellow-900 {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .\32xl\:dark\:ring-offset-green-50 {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .\32xl\:dark\:ring-offset-green-100 {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .\32xl\:dark\:ring-offset-green-200 {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .\32xl\:dark\:ring-offset-green-300 {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .\32xl\:dark\:ring-offset-green-400 {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .\32xl\:dark\:ring-offset-green-500 {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .\32xl\:dark\:ring-offset-green-600 {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .\32xl\:dark\:ring-offset-green-700 {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .\32xl\:dark\:ring-offset-green-800 {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .\32xl\:dark\:ring-offset-green-900 {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .\32xl\:dark\:ring-offset-green-apple {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .\32xl\:dark\:ring-offset-blue-50 {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .\32xl\:dark\:ring-offset-blue-100 {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .\32xl\:dark\:ring-offset-blue-200 {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .\32xl\:dark\:ring-offset-blue-300 {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .\32xl\:dark\:ring-offset-blue-400 {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .\32xl\:dark\:ring-offset-blue-500 {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .\32xl\:dark\:ring-offset-blue-600 {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .\32xl\:dark\:ring-offset-blue-700 {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .\32xl\:dark\:ring-offset-blue-800 {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .\32xl\:dark\:ring-offset-blue-900 {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .\32xl\:dark\:ring-offset-indigo-50 {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .\32xl\:dark\:ring-offset-indigo-100 {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .\32xl\:dark\:ring-offset-indigo-200 {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .\32xl\:dark\:ring-offset-indigo-300 {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .\32xl\:dark\:ring-offset-indigo-400 {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .\32xl\:dark\:ring-offset-indigo-500 {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .\32xl\:dark\:ring-offset-indigo-600 {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .\32xl\:dark\:ring-offset-indigo-700 {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .\32xl\:dark\:ring-offset-indigo-800 {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .\32xl\:dark\:ring-offset-indigo-900 {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .\32xl\:dark\:ring-offset-purple-50 {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .\32xl\:dark\:ring-offset-purple-100 {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .\32xl\:dark\:ring-offset-purple-200 {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .\32xl\:dark\:ring-offset-purple-300 {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .\32xl\:dark\:ring-offset-purple-400 {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .\32xl\:dark\:ring-offset-purple-500 {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .\32xl\:dark\:ring-offset-purple-600 {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .\32xl\:dark\:ring-offset-purple-700 {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .\32xl\:dark\:ring-offset-purple-800 {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .\32xl\:dark\:ring-offset-purple-900 {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .\32xl\:dark\:ring-offset-pink-50 {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .\32xl\:dark\:ring-offset-pink-100 {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .\32xl\:dark\:ring-offset-pink-200 {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .\32xl\:dark\:ring-offset-pink-300 {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .\32xl\:dark\:ring-offset-pink-400 {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .\32xl\:dark\:ring-offset-pink-500 {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .\32xl\:dark\:ring-offset-pink-600 {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .\32xl\:dark\:ring-offset-pink-700 {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .\32xl\:dark\:ring-offset-pink-800 {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .\32xl\:dark\:ring-offset-pink-900 {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .\32xl\:dark\:ring-offset-grey-100 {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .\32xl\:dark\:ring-offset-grey-200 {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .\32xl\:dark\:ring-offset-grey-300 {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .\32xl\:dark\:ring-offset-grey-400 {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .\32xl\:dark\:ring-offset-grey-500 {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .\32xl\:dark\:ring-offset-grey-600 {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .\32xl\:dark\:ring-offset-grey-700 {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .\32xl\:dark\:ring-offset-grey-800 {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .\32xl\:dark\:ring-offset-grey-900 {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .\32xl\:dark\:ring-offset-primary {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:ring-offset-primary-dark {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:ring-offset-primary-light {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:ring-offset-secondary {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:ring-offset-secondary-dark {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:ring-offset-secondary-light {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:ring-offset-accent {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:ring-offset-accent-dark {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:ring-offset-accent-light {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-transparent:focus-within {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-current:focus-within {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-black:focus-within {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-white:focus-within {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-gray-50:focus-within {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-gray-100:focus-within {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-gray-200:focus-within {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-gray-300:focus-within {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-gray-400:focus-within {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-gray-500:focus-within {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-gray-600:focus-within {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-gray-700:focus-within {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-gray-800:focus-within {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-gray-900:focus-within {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-red-50:focus-within {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-red-100:focus-within {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-red-200:focus-within {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-red-300:focus-within {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-red-400:focus-within {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-red-500:focus-within {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-red-600:focus-within {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-red-700:focus-within {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-red-800:focus-within {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-red-900:focus-within {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-yellow-50:focus-within {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-yellow-100:focus-within {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-yellow-200:focus-within {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-yellow-300:focus-within {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-yellow-400:focus-within {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-yellow-500:focus-within {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-yellow-600:focus-within {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-yellow-700:focus-within {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-yellow-800:focus-within {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-yellow-900:focus-within {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-green-50:focus-within {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-green-100:focus-within {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-green-200:focus-within {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-green-300:focus-within {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-green-400:focus-within {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-green-500:focus-within {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-green-600:focus-within {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-green-700:focus-within {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-green-800:focus-within {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-green-900:focus-within {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-green-apple:focus-within {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-blue-50:focus-within {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-blue-100:focus-within {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-blue-200:focus-within {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-blue-300:focus-within {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-blue-400:focus-within {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-blue-500:focus-within {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-blue-600:focus-within {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-blue-700:focus-within {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-blue-800:focus-within {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-blue-900:focus-within {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-indigo-50:focus-within {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-indigo-100:focus-within {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-indigo-200:focus-within {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-indigo-300:focus-within {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-indigo-400:focus-within {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-indigo-500:focus-within {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-indigo-600:focus-within {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-indigo-700:focus-within {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-indigo-800:focus-within {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-indigo-900:focus-within {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-purple-50:focus-within {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-purple-100:focus-within {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-purple-200:focus-within {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-purple-300:focus-within {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-purple-400:focus-within {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-purple-500:focus-within {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-purple-600:focus-within {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-purple-700:focus-within {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-purple-800:focus-within {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-purple-900:focus-within {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-pink-50:focus-within {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-pink-100:focus-within {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-pink-200:focus-within {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-pink-300:focus-within {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-pink-400:focus-within {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-pink-500:focus-within {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-pink-600:focus-within {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-pink-700:focus-within {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-pink-800:focus-within {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-pink-900:focus-within {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-grey-100:focus-within {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-grey-200:focus-within {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-grey-300:focus-within {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-grey-400:focus-within {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-grey-500:focus-within {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-grey-600:focus-within {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-grey-700:focus-within {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-grey-800:focus-within {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-grey-900:focus-within {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-primary:focus-within {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-primary-dark:focus-within {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-primary-light:focus-within {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-secondary:focus-within {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-secondary-dark:focus-within {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-secondary-light:focus-within {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-accent:focus-within {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-accent-dark:focus-within {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-offset-accent-light:focus-within {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-transparent:focus {
+      --tw-ring-offset-color: transparent;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-current:focus {
+      --tw-ring-offset-color: currentColor;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-black:focus {
+      --tw-ring-offset-color: #000;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-white:focus {
+      --tw-ring-offset-color: #fff;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-gray-50:focus {
+      --tw-ring-offset-color: #f9fafb;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-gray-100:focus {
+      --tw-ring-offset-color: #f3f4f6;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-gray-200:focus {
+      --tw-ring-offset-color: #e5e7eb;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-gray-300:focus {
+      --tw-ring-offset-color: #d1d5db;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-gray-400:focus {
+      --tw-ring-offset-color: #9ca3af;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-gray-500:focus {
+      --tw-ring-offset-color: #6b7280;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-gray-600:focus {
+      --tw-ring-offset-color: #4b5563;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-gray-700:focus {
+      --tw-ring-offset-color: #374151;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-gray-800:focus {
+      --tw-ring-offset-color: #1f2937;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-gray-900:focus {
+      --tw-ring-offset-color: #111827;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-red-50:focus {
+      --tw-ring-offset-color: #fef2f2;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-red-100:focus {
+      --tw-ring-offset-color: #fee2e2;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-red-200:focus {
+      --tw-ring-offset-color: #fecaca;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-red-300:focus {
+      --tw-ring-offset-color: #fca5a5;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-red-400:focus {
+      --tw-ring-offset-color: #f87171;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-red-500:focus {
+      --tw-ring-offset-color: #ef4444;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-red-600:focus {
+      --tw-ring-offset-color: #dc2626;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-red-700:focus {
+      --tw-ring-offset-color: #b91c1c;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-red-800:focus {
+      --tw-ring-offset-color: #991b1b;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-red-900:focus {
+      --tw-ring-offset-color: #7f1d1d;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-yellow-50:focus {
+      --tw-ring-offset-color: #fffbeb;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-yellow-100:focus {
+      --tw-ring-offset-color: #fef3c7;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-yellow-200:focus {
+      --tw-ring-offset-color: #fde68a;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-yellow-300:focus {
+      --tw-ring-offset-color: #fcd34d;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-yellow-400:focus {
+      --tw-ring-offset-color: #fbbf24;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-yellow-500:focus {
+      --tw-ring-offset-color: #f59e0b;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-yellow-600:focus {
+      --tw-ring-offset-color: #d97706;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-yellow-700:focus {
+      --tw-ring-offset-color: #b45309;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-yellow-800:focus {
+      --tw-ring-offset-color: #92400e;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-yellow-900:focus {
+      --tw-ring-offset-color: #78350f;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-green-50:focus {
+      --tw-ring-offset-color: #ecfdf5;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-green-100:focus {
+      --tw-ring-offset-color: #f0fff4;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-green-200:focus {
+      --tw-ring-offset-color: #c6f6d5;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-green-300:focus {
+      --tw-ring-offset-color: #9ae6b4;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-green-400:focus {
+      --tw-ring-offset-color: #68d391;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-green-500:focus {
+      --tw-ring-offset-color: #48bb78;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-green-600:focus {
+      --tw-ring-offset-color: #38a169;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-green-700:focus {
+      --tw-ring-offset-color: #2f855a;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-green-800:focus {
+      --tw-ring-offset-color: #276749;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-green-900:focus {
+      --tw-ring-offset-color: #22543d;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-green-apple:focus {
+      --tw-ring-offset-color: #E8F3EC;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-blue-50:focus {
+      --tw-ring-offset-color: #eff6ff;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-blue-100:focus {
+      --tw-ring-offset-color: #dbeafe;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-blue-200:focus {
+      --tw-ring-offset-color: #bfdbfe;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-blue-300:focus {
+      --tw-ring-offset-color: #93c5fd;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-blue-400:focus {
+      --tw-ring-offset-color: #60a5fa;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-blue-500:focus {
+      --tw-ring-offset-color: #3b82f6;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-blue-600:focus {
+      --tw-ring-offset-color: #2563eb;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-blue-700:focus {
+      --tw-ring-offset-color: #1d4ed8;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-blue-800:focus {
+      --tw-ring-offset-color: #1e40af;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-blue-900:focus {
+      --tw-ring-offset-color: #1e3a8a;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-indigo-50:focus {
+      --tw-ring-offset-color: #eef2ff;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-indigo-100:focus {
+      --tw-ring-offset-color: #e0e7ff;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-indigo-200:focus {
+      --tw-ring-offset-color: #c7d2fe;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-indigo-300:focus {
+      --tw-ring-offset-color: #a5b4fc;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-indigo-400:focus {
+      --tw-ring-offset-color: #818cf8;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-indigo-500:focus {
+      --tw-ring-offset-color: #6366f1;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-indigo-600:focus {
+      --tw-ring-offset-color: #4f46e5;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-indigo-700:focus {
+      --tw-ring-offset-color: #4338ca;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-indigo-800:focus {
+      --tw-ring-offset-color: #3730a3;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-indigo-900:focus {
+      --tw-ring-offset-color: #312e81;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-purple-50:focus {
+      --tw-ring-offset-color: #f5f3ff;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-purple-100:focus {
+      --tw-ring-offset-color: #ede9fe;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-purple-200:focus {
+      --tw-ring-offset-color: #ddd6fe;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-purple-300:focus {
+      --tw-ring-offset-color: #c4b5fd;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-purple-400:focus {
+      --tw-ring-offset-color: #a78bfa;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-purple-500:focus {
+      --tw-ring-offset-color: #8b5cf6;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-purple-600:focus {
+      --tw-ring-offset-color: #7c3aed;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-purple-700:focus {
+      --tw-ring-offset-color: #6d28d9;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-purple-800:focus {
+      --tw-ring-offset-color: #5b21b6;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-purple-900:focus {
+      --tw-ring-offset-color: #4c1d95;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-pink-50:focus {
+      --tw-ring-offset-color: #fdf2f8;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-pink-100:focus {
+      --tw-ring-offset-color: #fce7f3;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-pink-200:focus {
+      --tw-ring-offset-color: #fbcfe8;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-pink-300:focus {
+      --tw-ring-offset-color: #f9a8d4;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-pink-400:focus {
+      --tw-ring-offset-color: #f472b6;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-pink-500:focus {
+      --tw-ring-offset-color: #ec4899;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-pink-600:focus {
+      --tw-ring-offset-color: #db2777;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-pink-700:focus {
+      --tw-ring-offset-color: #be185d;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-pink-800:focus {
+      --tw-ring-offset-color: #9d174d;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-pink-900:focus {
+      --tw-ring-offset-color: #831843;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-grey-100:focus {
+      --tw-ring-offset-color: #f5f5f5;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-grey-200:focus {
+      --tw-ring-offset-color: #eeeeee;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-grey-300:focus {
+      --tw-ring-offset-color: #e0e0e0;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-grey-400:focus {
+      --tw-ring-offset-color: #bdbdbd;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-grey-500:focus {
+      --tw-ring-offset-color: #9e9e9e;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-grey-600:focus {
+      --tw-ring-offset-color: #757575;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-grey-700:focus {
+      --tw-ring-offset-color: #616161;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-grey-800:focus {
+      --tw-ring-offset-color: #424242;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-grey-900:focus {
+      --tw-ring-offset-color: #212121;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-primary:focus {
+      --tw-ring-offset-color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-primary-dark:focus {
+      --tw-ring-offset-color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-primary-light:focus {
+      --tw-ring-offset-color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-secondary:focus {
+      --tw-ring-offset-color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-secondary-dark:focus {
+      --tw-ring-offset-color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-secondary-light:focus {
+      --tw-ring-offset-color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-accent:focus {
+      --tw-ring-offset-color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-accent-dark:focus {
+      --tw-ring-offset-color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-offset-accent-light:focus {
+      --tw-ring-offset-color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:ring-transparent {
+      --tw-ring-color: transparent;
+    }
+
+    :root .\32xl\:dark\:ring-current {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .\32xl\:dark\:ring-black {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-white {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-gray-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-gray-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-gray-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-gray-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-gray-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-gray-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-gray-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-gray-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-gray-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-gray-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-red-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-red-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-red-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-red-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-red-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-red-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-red-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-red-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-red-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-red-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-yellow-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-yellow-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-yellow-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-yellow-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-yellow-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-yellow-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-yellow-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-yellow-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-yellow-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-yellow-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-green-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-green-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-green-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-green-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-green-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-green-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-green-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-green-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-green-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-green-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-green-apple {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-blue-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-blue-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-blue-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-blue-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-blue-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-blue-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-blue-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-blue-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-blue-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-blue-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-indigo-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-indigo-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-indigo-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-indigo-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-indigo-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-indigo-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-indigo-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-indigo-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-indigo-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-indigo-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-purple-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-purple-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-purple-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-purple-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-purple-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-purple-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-purple-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-purple-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-purple-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-purple-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-pink-50 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-pink-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-pink-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-pink-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-pink-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-pink-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-pink-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-pink-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-pink-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-pink-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-grey-100 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-grey-200 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-grey-300 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-grey-400 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-grey-500 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-grey-600 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-grey-700 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-grey-800 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-grey-900 {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:ring-primary {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:ring-primary-dark {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:ring-primary-light {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:ring-secondary {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:ring-secondary-dark {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:ring-secondary-light {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:ring-accent {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:ring-accent-dark {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:ring-accent-light {
+      --tw-ring-color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-transparent:focus-within {
+      --tw-ring-color: transparent;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-current:focus-within {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-black:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-white:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-gray-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-gray-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-gray-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-gray-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-gray-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-gray-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-gray-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-gray-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-gray-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-gray-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-red-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-red-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-red-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-red-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-red-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-red-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-red-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-red-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-red-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-red-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-yellow-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-yellow-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-yellow-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-yellow-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-yellow-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-yellow-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-yellow-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-yellow-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-yellow-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-yellow-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-green-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-green-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-green-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-green-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-green-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-green-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-green-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-green-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-green-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-green-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-green-apple:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-blue-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-blue-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-blue-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-blue-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-blue-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-blue-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-blue-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-blue-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-blue-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-blue-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-indigo-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-indigo-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-indigo-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-indigo-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-indigo-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-indigo-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-indigo-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-indigo-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-indigo-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-indigo-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-purple-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-purple-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-purple-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-purple-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-purple-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-purple-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-purple-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-purple-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-purple-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-purple-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-pink-50:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-pink-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-pink-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-pink-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-pink-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-pink-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-pink-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-pink-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-pink-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-pink-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-grey-100:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-grey-200:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-grey-300:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-grey-400:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-grey-500:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-grey-600:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-grey-700:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-grey-800:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-grey-900:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-primary:focus-within {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-primary-dark:focus-within {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-primary-light:focus-within {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-secondary:focus-within {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-secondary-dark:focus-within {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-secondary-light:focus-within {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-accent:focus-within {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-accent-dark:focus-within {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:focus-within\:ring-accent-light:focus-within {
+      --tw-ring-color: var(--color-accent-light);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-transparent:focus {
+      --tw-ring-color: transparent;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-current:focus {
+      --tw-ring-color: currentColor;
+    }
+
+    :root .\32xl\:dark\:focus\:ring-black:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-white:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-gray-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-gray-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-gray-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-gray-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-gray-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-gray-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-gray-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-gray-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-gray-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-gray-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-red-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-red-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-red-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-red-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-red-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-red-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-red-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-red-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-red-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-red-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-yellow-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-yellow-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-yellow-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-yellow-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-yellow-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-yellow-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-yellow-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-yellow-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-yellow-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-yellow-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-green-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-green-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(240, 255, 244, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-green-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(198, 246, 213, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-green-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(154, 230, 180, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-green-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(104, 211, 145, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-green-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(72, 187, 120, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-green-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(56, 161, 105, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-green-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(47, 133, 90, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-green-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(39, 103, 73, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-green-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(34, 84, 61, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-green-apple:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(232, 243, 236, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-blue-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-blue-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-blue-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-blue-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-blue-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-blue-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-blue-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-blue-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-blue-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-blue-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-indigo-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-indigo-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-indigo-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-indigo-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-indigo-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-indigo-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-indigo-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-indigo-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-indigo-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-indigo-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-purple-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-purple-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-purple-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-purple-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-purple-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-purple-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-purple-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-purple-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-purple-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-purple-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-pink-50:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-pink-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-pink-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-pink-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-pink-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-pink-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-pink-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-pink-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-pink-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-pink-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-grey-100:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(245, 245, 245, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-grey-200:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(238, 238, 238, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-grey-300:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(224, 224, 224, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-grey-400:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(189, 189, 189, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-grey-500:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(158, 158, 158, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-grey-600:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(117, 117, 117, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-grey-700:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(97, 97, 97, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-grey-800:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(66, 66, 66, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-grey-900:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(33, 33, 33, var(--tw-ring-opacity));
+    }
+
+    :root .\32xl\:dark\:focus\:ring-primary:focus {
+      --tw-ring-color: var(--color-primary);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-primary-dark:focus {
+      --tw-ring-color: var(--color-primary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-primary-light:focus {
+      --tw-ring-color: var(--color-primary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-secondary:focus {
+      --tw-ring-color: var(--color-secondary);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-secondary-dark:focus {
+      --tw-ring-color: var(--color-secondary-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-secondary-light:focus {
+      --tw-ring-color: var(--color-secondary-light);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-accent:focus {
+      --tw-ring-color: var(--color-accent);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-accent-dark:focus {
+      --tw-ring-color: var(--color-accent-dark);
+    }
+
+    :root .\32xl\:dark\:focus\:ring-accent-light:focus {
+      --tw-ring-color: var(--color-accent-light);
+    }
+  }
+}
+
 @font-face {
   font-family: 'charter';
 
@@ -47704,7 +127126,7 @@ p {
 
 ul {
   list-style: initial;
-  margin-top: 0.5rem;
+  margin-left: 2rem;
   padding-left: 1.5rem
 }