From 7fb5d4a57948fdb4d3b33b355fe413cf26baf4d5 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Sun, 16 Aug 2020 15:23:49 -0400
Subject: [PATCH] Add support for background images and 2/3-color-stop
 gradients

---
 .../fixtures/tailwind-output-flagged.css      | 23480 ++++++++++++++++
 .../fixtures/tailwind-output-important.css    | 21230 ++++++++++++++
 .../tailwind-output-no-color-opacity.css      | 21230 ++++++++++++++
 __tests__/fixtures/tailwind-output.css        | 21230 ++++++++++++++
 package.json                                  |     1 +
 src/corePlugins.js                            |     4 +
 src/plugins/backgroundImage.js                |    23 +
 src/plugins/gradientColor.js                  |    46 +
 src/util/usesCustomProperties.js              |    14 +
 stubs/defaultConfig.stub.js                   |     9 +
 10 files changed, 87267 insertions(+)
 create mode 100644 src/plugins/backgroundImage.js
 create mode 100644 src/plugins/gradientColor.js
 create mode 100644 src/util/usesCustomProperties.js

diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index 8616b99ac..ece2cff66 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -4783,6 +4783,4702 @@ video {
   background-color: rgba(117, 26, 61, var(--bg-opacity));
 }
 
+.bg-gradient-up {
+  background-image: linear-gradient(0deg, var(--gradient-color-stops));
+}
+
+.bg-gradient-right {
+  background-image: linear-gradient(90deg, var(--gradient-color-stops));
+}
+
+.bg-gradient-down {
+  background-image: linear-gradient(180deg, var(--gradient-color-stops));
+}
+
+.bg-gradient-left {
+  background-image: linear-gradient(270deg, var(--gradient-color-stops));
+}
+
+.gradient-from-transparent {
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-current {
+  --gradient-from-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-black {
+  --gradient-from-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-white {
+  --gradient-from-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-50 {
+  --gradient-from-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-100 {
+  --gradient-from-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-200 {
+  --gradient-from-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-300 {
+  --gradient-from-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-400 {
+  --gradient-from-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-500 {
+  --gradient-from-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-600 {
+  --gradient-from-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-700 {
+  --gradient-from-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-800 {
+  --gradient-from-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-900 {
+  --gradient-from-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-50 {
+  --gradient-from-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-100 {
+  --gradient-from-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-200 {
+  --gradient-from-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-300 {
+  --gradient-from-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-400 {
+  --gradient-from-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-500 {
+  --gradient-from-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-600 {
+  --gradient-from-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-700 {
+  --gradient-from-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-800 {
+  --gradient-from-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-900 {
+  --gradient-from-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-50 {
+  --gradient-from-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-100 {
+  --gradient-from-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-200 {
+  --gradient-from-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-300 {
+  --gradient-from-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-400 {
+  --gradient-from-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-500 {
+  --gradient-from-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-600 {
+  --gradient-from-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-700 {
+  --gradient-from-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-800 {
+  --gradient-from-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-900 {
+  --gradient-from-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-50 {
+  --gradient-from-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-100 {
+  --gradient-from-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-200 {
+  --gradient-from-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-300 {
+  --gradient-from-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-400 {
+  --gradient-from-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-500 {
+  --gradient-from-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-600 {
+  --gradient-from-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-700 {
+  --gradient-from-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-800 {
+  --gradient-from-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-900 {
+  --gradient-from-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-50 {
+  --gradient-from-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-100 {
+  --gradient-from-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-200 {
+  --gradient-from-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-300 {
+  --gradient-from-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-400 {
+  --gradient-from-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-500 {
+  --gradient-from-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-600 {
+  --gradient-from-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-700 {
+  --gradient-from-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-800 {
+  --gradient-from-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-900 {
+  --gradient-from-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-50 {
+  --gradient-from-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-100 {
+  --gradient-from-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-200 {
+  --gradient-from-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-300 {
+  --gradient-from-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-400 {
+  --gradient-from-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-500 {
+  --gradient-from-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-600 {
+  --gradient-from-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-700 {
+  --gradient-from-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-800 {
+  --gradient-from-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-900 {
+  --gradient-from-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-50 {
+  --gradient-from-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-100 {
+  --gradient-from-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-200 {
+  --gradient-from-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-300 {
+  --gradient-from-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-400 {
+  --gradient-from-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-500 {
+  --gradient-from-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-600 {
+  --gradient-from-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-700 {
+  --gradient-from-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-800 {
+  --gradient-from-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-900 {
+  --gradient-from-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-50 {
+  --gradient-from-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-100 {
+  --gradient-from-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-200 {
+  --gradient-from-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-300 {
+  --gradient-from-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-400 {
+  --gradient-from-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-500 {
+  --gradient-from-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-600 {
+  --gradient-from-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-700 {
+  --gradient-from-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-800 {
+  --gradient-from-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-900 {
+  --gradient-from-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-50 {
+  --gradient-from-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-100 {
+  --gradient-from-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-200 {
+  --gradient-from-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-300 {
+  --gradient-from-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-400 {
+  --gradient-from-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-500 {
+  --gradient-from-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-600 {
+  --gradient-from-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-700 {
+  --gradient-from-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-800 {
+  --gradient-from-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-900 {
+  --gradient-from-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-50 {
+  --gradient-from-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-100 {
+  --gradient-from-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-200 {
+  --gradient-from-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-300 {
+  --gradient-from-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-400 {
+  --gradient-from-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-500 {
+  --gradient-from-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-600 {
+  --gradient-from-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-700 {
+  --gradient-from-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-800 {
+  --gradient-from-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-900 {
+  --gradient-from-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-to-transparent {
+  --gradient-to-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-current {
+  --gradient-to-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-black {
+  --gradient-to-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-white {
+  --gradient-to-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-50 {
+  --gradient-to-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-100 {
+  --gradient-to-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-200 {
+  --gradient-to-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-300 {
+  --gradient-to-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-400 {
+  --gradient-to-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-500 {
+  --gradient-to-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-600 {
+  --gradient-to-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-700 {
+  --gradient-to-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-800 {
+  --gradient-to-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-900 {
+  --gradient-to-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-50 {
+  --gradient-to-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-100 {
+  --gradient-to-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-200 {
+  --gradient-to-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-300 {
+  --gradient-to-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-400 {
+  --gradient-to-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-500 {
+  --gradient-to-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-600 {
+  --gradient-to-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-700 {
+  --gradient-to-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-800 {
+  --gradient-to-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-900 {
+  --gradient-to-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-50 {
+  --gradient-to-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-100 {
+  --gradient-to-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-200 {
+  --gradient-to-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-300 {
+  --gradient-to-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-400 {
+  --gradient-to-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-500 {
+  --gradient-to-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-600 {
+  --gradient-to-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-700 {
+  --gradient-to-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-800 {
+  --gradient-to-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-900 {
+  --gradient-to-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-50 {
+  --gradient-to-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-100 {
+  --gradient-to-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-200 {
+  --gradient-to-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-300 {
+  --gradient-to-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-400 {
+  --gradient-to-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-500 {
+  --gradient-to-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-600 {
+  --gradient-to-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-700 {
+  --gradient-to-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-800 {
+  --gradient-to-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-900 {
+  --gradient-to-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-50 {
+  --gradient-to-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-100 {
+  --gradient-to-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-200 {
+  --gradient-to-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-300 {
+  --gradient-to-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-400 {
+  --gradient-to-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-500 {
+  --gradient-to-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-600 {
+  --gradient-to-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-700 {
+  --gradient-to-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-800 {
+  --gradient-to-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-900 {
+  --gradient-to-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-50 {
+  --gradient-to-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-100 {
+  --gradient-to-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-200 {
+  --gradient-to-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-300 {
+  --gradient-to-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-400 {
+  --gradient-to-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-500 {
+  --gradient-to-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-600 {
+  --gradient-to-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-700 {
+  --gradient-to-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-800 {
+  --gradient-to-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-900 {
+  --gradient-to-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-50 {
+  --gradient-to-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-100 {
+  --gradient-to-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-200 {
+  --gradient-to-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-300 {
+  --gradient-to-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-400 {
+  --gradient-to-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-500 {
+  --gradient-to-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-600 {
+  --gradient-to-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-700 {
+  --gradient-to-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-800 {
+  --gradient-to-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-900 {
+  --gradient-to-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-50 {
+  --gradient-to-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-100 {
+  --gradient-to-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-200 {
+  --gradient-to-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-300 {
+  --gradient-to-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-400 {
+  --gradient-to-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-500 {
+  --gradient-to-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-600 {
+  --gradient-to-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-700 {
+  --gradient-to-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-800 {
+  --gradient-to-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-900 {
+  --gradient-to-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-50 {
+  --gradient-to-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-100 {
+  --gradient-to-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-200 {
+  --gradient-to-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-300 {
+  --gradient-to-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-400 {
+  --gradient-to-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-500 {
+  --gradient-to-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-600 {
+  --gradient-to-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-700 {
+  --gradient-to-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-800 {
+  --gradient-to-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-900 {
+  --gradient-to-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-50 {
+  --gradient-to-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-100 {
+  --gradient-to-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-200 {
+  --gradient-to-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-300 {
+  --gradient-to-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-400 {
+  --gradient-to-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-500 {
+  --gradient-to-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-600 {
+  --gradient-to-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-700 {
+  --gradient-to-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-800 {
+  --gradient-to-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-900 {
+  --gradient-to-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-mid-transparent {
+  --gradient-mid-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-current {
+  --gradient-mid-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-black {
+  --gradient-mid-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-white {
+  --gradient-mid-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-50 {
+  --gradient-mid-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-100 {
+  --gradient-mid-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-200 {
+  --gradient-mid-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-300 {
+  --gradient-mid-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-400 {
+  --gradient-mid-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-500 {
+  --gradient-mid-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-600 {
+  --gradient-mid-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-700 {
+  --gradient-mid-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-800 {
+  --gradient-mid-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-900 {
+  --gradient-mid-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-50 {
+  --gradient-mid-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-100 {
+  --gradient-mid-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-200 {
+  --gradient-mid-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-300 {
+  --gradient-mid-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-400 {
+  --gradient-mid-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-500 {
+  --gradient-mid-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-600 {
+  --gradient-mid-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-700 {
+  --gradient-mid-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-800 {
+  --gradient-mid-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-900 {
+  --gradient-mid-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-50 {
+  --gradient-mid-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-100 {
+  --gradient-mid-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-200 {
+  --gradient-mid-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-300 {
+  --gradient-mid-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-400 {
+  --gradient-mid-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-500 {
+  --gradient-mid-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-600 {
+  --gradient-mid-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-700 {
+  --gradient-mid-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-800 {
+  --gradient-mid-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-900 {
+  --gradient-mid-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-50 {
+  --gradient-mid-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-100 {
+  --gradient-mid-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-200 {
+  --gradient-mid-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-300 {
+  --gradient-mid-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-400 {
+  --gradient-mid-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-500 {
+  --gradient-mid-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-600 {
+  --gradient-mid-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-700 {
+  --gradient-mid-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-800 {
+  --gradient-mid-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-900 {
+  --gradient-mid-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-50 {
+  --gradient-mid-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-100 {
+  --gradient-mid-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-200 {
+  --gradient-mid-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-300 {
+  --gradient-mid-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-400 {
+  --gradient-mid-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-500 {
+  --gradient-mid-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-600 {
+  --gradient-mid-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-700 {
+  --gradient-mid-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-800 {
+  --gradient-mid-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-900 {
+  --gradient-mid-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-50 {
+  --gradient-mid-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-100 {
+  --gradient-mid-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-200 {
+  --gradient-mid-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-300 {
+  --gradient-mid-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-400 {
+  --gradient-mid-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-500 {
+  --gradient-mid-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-600 {
+  --gradient-mid-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-700 {
+  --gradient-mid-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-800 {
+  --gradient-mid-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-900 {
+  --gradient-mid-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-50 {
+  --gradient-mid-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-100 {
+  --gradient-mid-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-200 {
+  --gradient-mid-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-300 {
+  --gradient-mid-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-400 {
+  --gradient-mid-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-500 {
+  --gradient-mid-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-600 {
+  --gradient-mid-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-700 {
+  --gradient-mid-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-800 {
+  --gradient-mid-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-900 {
+  --gradient-mid-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-50 {
+  --gradient-mid-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-100 {
+  --gradient-mid-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-200 {
+  --gradient-mid-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-300 {
+  --gradient-mid-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-400 {
+  --gradient-mid-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-500 {
+  --gradient-mid-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-600 {
+  --gradient-mid-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-700 {
+  --gradient-mid-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-800 {
+  --gradient-mid-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-900 {
+  --gradient-mid-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-50 {
+  --gradient-mid-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-100 {
+  --gradient-mid-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-200 {
+  --gradient-mid-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-300 {
+  --gradient-mid-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-400 {
+  --gradient-mid-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-500 {
+  --gradient-mid-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-600 {
+  --gradient-mid-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-700 {
+  --gradient-mid-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-800 {
+  --gradient-mid-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-900 {
+  --gradient-mid-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-50 {
+  --gradient-mid-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-100 {
+  --gradient-mid-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-200 {
+  --gradient-mid-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-300 {
+  --gradient-mid-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-400 {
+  --gradient-mid-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-500 {
+  --gradient-mid-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-600 {
+  --gradient-mid-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-700 {
+  --gradient-mid-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-800 {
+  --gradient-mid-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-900 {
+  --gradient-mid-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-from-transparent:hover {
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-current:hover {
+  --gradient-from-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-black:hover {
+  --gradient-from-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-white:hover {
+  --gradient-from-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-50:hover {
+  --gradient-from-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-100:hover {
+  --gradient-from-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-200:hover {
+  --gradient-from-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-300:hover {
+  --gradient-from-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-400:hover {
+  --gradient-from-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-500:hover {
+  --gradient-from-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-600:hover {
+  --gradient-from-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-700:hover {
+  --gradient-from-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-800:hover {
+  --gradient-from-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-900:hover {
+  --gradient-from-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-50:hover {
+  --gradient-from-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-100:hover {
+  --gradient-from-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-200:hover {
+  --gradient-from-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-300:hover {
+  --gradient-from-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-400:hover {
+  --gradient-from-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-500:hover {
+  --gradient-from-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-600:hover {
+  --gradient-from-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-700:hover {
+  --gradient-from-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-800:hover {
+  --gradient-from-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-900:hover {
+  --gradient-from-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-50:hover {
+  --gradient-from-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-100:hover {
+  --gradient-from-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-200:hover {
+  --gradient-from-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-300:hover {
+  --gradient-from-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-400:hover {
+  --gradient-from-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-500:hover {
+  --gradient-from-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-600:hover {
+  --gradient-from-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-700:hover {
+  --gradient-from-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-800:hover {
+  --gradient-from-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-900:hover {
+  --gradient-from-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-50:hover {
+  --gradient-from-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-100:hover {
+  --gradient-from-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-200:hover {
+  --gradient-from-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-300:hover {
+  --gradient-from-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-400:hover {
+  --gradient-from-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-500:hover {
+  --gradient-from-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-600:hover {
+  --gradient-from-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-700:hover {
+  --gradient-from-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-800:hover {
+  --gradient-from-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-900:hover {
+  --gradient-from-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-50:hover {
+  --gradient-from-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-100:hover {
+  --gradient-from-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-200:hover {
+  --gradient-from-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-300:hover {
+  --gradient-from-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-400:hover {
+  --gradient-from-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-500:hover {
+  --gradient-from-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-600:hover {
+  --gradient-from-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-700:hover {
+  --gradient-from-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-800:hover {
+  --gradient-from-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-900:hover {
+  --gradient-from-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-50:hover {
+  --gradient-from-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-100:hover {
+  --gradient-from-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-200:hover {
+  --gradient-from-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-300:hover {
+  --gradient-from-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-400:hover {
+  --gradient-from-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-500:hover {
+  --gradient-from-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-600:hover {
+  --gradient-from-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-700:hover {
+  --gradient-from-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-800:hover {
+  --gradient-from-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-900:hover {
+  --gradient-from-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-50:hover {
+  --gradient-from-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-100:hover {
+  --gradient-from-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-200:hover {
+  --gradient-from-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-300:hover {
+  --gradient-from-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-400:hover {
+  --gradient-from-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-500:hover {
+  --gradient-from-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-600:hover {
+  --gradient-from-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-700:hover {
+  --gradient-from-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-800:hover {
+  --gradient-from-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-900:hover {
+  --gradient-from-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-50:hover {
+  --gradient-from-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-100:hover {
+  --gradient-from-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-200:hover {
+  --gradient-from-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-300:hover {
+  --gradient-from-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-400:hover {
+  --gradient-from-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-500:hover {
+  --gradient-from-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-600:hover {
+  --gradient-from-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-700:hover {
+  --gradient-from-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-800:hover {
+  --gradient-from-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-900:hover {
+  --gradient-from-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-50:hover {
+  --gradient-from-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-100:hover {
+  --gradient-from-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-200:hover {
+  --gradient-from-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-300:hover {
+  --gradient-from-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-400:hover {
+  --gradient-from-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-500:hover {
+  --gradient-from-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-600:hover {
+  --gradient-from-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-700:hover {
+  --gradient-from-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-800:hover {
+  --gradient-from-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-900:hover {
+  --gradient-from-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-50:hover {
+  --gradient-from-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-100:hover {
+  --gradient-from-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-200:hover {
+  --gradient-from-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-300:hover {
+  --gradient-from-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-400:hover {
+  --gradient-from-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-500:hover {
+  --gradient-from-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-600:hover {
+  --gradient-from-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-700:hover {
+  --gradient-from-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-800:hover {
+  --gradient-from-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-900:hover {
+  --gradient-from-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-to-transparent:hover {
+  --gradient-to-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-current:hover {
+  --gradient-to-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-black:hover {
+  --gradient-to-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-white:hover {
+  --gradient-to-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-50:hover {
+  --gradient-to-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-100:hover {
+  --gradient-to-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-200:hover {
+  --gradient-to-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-300:hover {
+  --gradient-to-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-400:hover {
+  --gradient-to-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-500:hover {
+  --gradient-to-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-600:hover {
+  --gradient-to-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-700:hover {
+  --gradient-to-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-800:hover {
+  --gradient-to-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-900:hover {
+  --gradient-to-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-50:hover {
+  --gradient-to-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-100:hover {
+  --gradient-to-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-200:hover {
+  --gradient-to-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-300:hover {
+  --gradient-to-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-400:hover {
+  --gradient-to-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-500:hover {
+  --gradient-to-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-600:hover {
+  --gradient-to-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-700:hover {
+  --gradient-to-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-800:hover {
+  --gradient-to-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-900:hover {
+  --gradient-to-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-50:hover {
+  --gradient-to-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-100:hover {
+  --gradient-to-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-200:hover {
+  --gradient-to-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-300:hover {
+  --gradient-to-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-400:hover {
+  --gradient-to-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-500:hover {
+  --gradient-to-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-600:hover {
+  --gradient-to-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-700:hover {
+  --gradient-to-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-800:hover {
+  --gradient-to-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-900:hover {
+  --gradient-to-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-50:hover {
+  --gradient-to-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-100:hover {
+  --gradient-to-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-200:hover {
+  --gradient-to-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-300:hover {
+  --gradient-to-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-400:hover {
+  --gradient-to-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-500:hover {
+  --gradient-to-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-600:hover {
+  --gradient-to-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-700:hover {
+  --gradient-to-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-800:hover {
+  --gradient-to-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-900:hover {
+  --gradient-to-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-50:hover {
+  --gradient-to-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-100:hover {
+  --gradient-to-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-200:hover {
+  --gradient-to-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-300:hover {
+  --gradient-to-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-400:hover {
+  --gradient-to-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-500:hover {
+  --gradient-to-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-600:hover {
+  --gradient-to-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-700:hover {
+  --gradient-to-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-800:hover {
+  --gradient-to-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-900:hover {
+  --gradient-to-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-50:hover {
+  --gradient-to-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-100:hover {
+  --gradient-to-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-200:hover {
+  --gradient-to-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-300:hover {
+  --gradient-to-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-400:hover {
+  --gradient-to-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-500:hover {
+  --gradient-to-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-600:hover {
+  --gradient-to-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-700:hover {
+  --gradient-to-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-800:hover {
+  --gradient-to-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-900:hover {
+  --gradient-to-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-50:hover {
+  --gradient-to-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-100:hover {
+  --gradient-to-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-200:hover {
+  --gradient-to-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-300:hover {
+  --gradient-to-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-400:hover {
+  --gradient-to-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-500:hover {
+  --gradient-to-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-600:hover {
+  --gradient-to-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-700:hover {
+  --gradient-to-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-800:hover {
+  --gradient-to-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-900:hover {
+  --gradient-to-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-50:hover {
+  --gradient-to-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-100:hover {
+  --gradient-to-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-200:hover {
+  --gradient-to-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-300:hover {
+  --gradient-to-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-400:hover {
+  --gradient-to-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-500:hover {
+  --gradient-to-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-600:hover {
+  --gradient-to-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-700:hover {
+  --gradient-to-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-800:hover {
+  --gradient-to-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-900:hover {
+  --gradient-to-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-50:hover {
+  --gradient-to-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-100:hover {
+  --gradient-to-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-200:hover {
+  --gradient-to-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-300:hover {
+  --gradient-to-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-400:hover {
+  --gradient-to-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-500:hover {
+  --gradient-to-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-600:hover {
+  --gradient-to-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-700:hover {
+  --gradient-to-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-800:hover {
+  --gradient-to-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-900:hover {
+  --gradient-to-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-50:hover {
+  --gradient-to-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-100:hover {
+  --gradient-to-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-200:hover {
+  --gradient-to-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-300:hover {
+  --gradient-to-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-400:hover {
+  --gradient-to-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-500:hover {
+  --gradient-to-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-600:hover {
+  --gradient-to-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-700:hover {
+  --gradient-to-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-800:hover {
+  --gradient-to-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-900:hover {
+  --gradient-to-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-transparent:hover {
+  --gradient-mid-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-current:hover {
+  --gradient-mid-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-black:hover {
+  --gradient-mid-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-white:hover {
+  --gradient-mid-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-50:hover {
+  --gradient-mid-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-100:hover {
+  --gradient-mid-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-200:hover {
+  --gradient-mid-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-300:hover {
+  --gradient-mid-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-400:hover {
+  --gradient-mid-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-500:hover {
+  --gradient-mid-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-600:hover {
+  --gradient-mid-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-700:hover {
+  --gradient-mid-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-800:hover {
+  --gradient-mid-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-900:hover {
+  --gradient-mid-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-50:hover {
+  --gradient-mid-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-100:hover {
+  --gradient-mid-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-200:hover {
+  --gradient-mid-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-300:hover {
+  --gradient-mid-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-400:hover {
+  --gradient-mid-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-500:hover {
+  --gradient-mid-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-600:hover {
+  --gradient-mid-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-700:hover {
+  --gradient-mid-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-800:hover {
+  --gradient-mid-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-900:hover {
+  --gradient-mid-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-50:hover {
+  --gradient-mid-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-100:hover {
+  --gradient-mid-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-200:hover {
+  --gradient-mid-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-300:hover {
+  --gradient-mid-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-400:hover {
+  --gradient-mid-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-500:hover {
+  --gradient-mid-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-600:hover {
+  --gradient-mid-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-700:hover {
+  --gradient-mid-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-800:hover {
+  --gradient-mid-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-900:hover {
+  --gradient-mid-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-50:hover {
+  --gradient-mid-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-100:hover {
+  --gradient-mid-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-200:hover {
+  --gradient-mid-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-300:hover {
+  --gradient-mid-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-400:hover {
+  --gradient-mid-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-500:hover {
+  --gradient-mid-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-600:hover {
+  --gradient-mid-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-700:hover {
+  --gradient-mid-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-800:hover {
+  --gradient-mid-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-900:hover {
+  --gradient-mid-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-50:hover {
+  --gradient-mid-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-100:hover {
+  --gradient-mid-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-200:hover {
+  --gradient-mid-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-300:hover {
+  --gradient-mid-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-400:hover {
+  --gradient-mid-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-500:hover {
+  --gradient-mid-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-600:hover {
+  --gradient-mid-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-700:hover {
+  --gradient-mid-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-800:hover {
+  --gradient-mid-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-900:hover {
+  --gradient-mid-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-50:hover {
+  --gradient-mid-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-100:hover {
+  --gradient-mid-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-200:hover {
+  --gradient-mid-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-300:hover {
+  --gradient-mid-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-400:hover {
+  --gradient-mid-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-500:hover {
+  --gradient-mid-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-600:hover {
+  --gradient-mid-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-700:hover {
+  --gradient-mid-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-800:hover {
+  --gradient-mid-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-900:hover {
+  --gradient-mid-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-50:hover {
+  --gradient-mid-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-100:hover {
+  --gradient-mid-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-200:hover {
+  --gradient-mid-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-300:hover {
+  --gradient-mid-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-400:hover {
+  --gradient-mid-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-500:hover {
+  --gradient-mid-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-600:hover {
+  --gradient-mid-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-700:hover {
+  --gradient-mid-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-800:hover {
+  --gradient-mid-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-900:hover {
+  --gradient-mid-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-50:hover {
+  --gradient-mid-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-100:hover {
+  --gradient-mid-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-200:hover {
+  --gradient-mid-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-300:hover {
+  --gradient-mid-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-400:hover {
+  --gradient-mid-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-500:hover {
+  --gradient-mid-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-600:hover {
+  --gradient-mid-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-700:hover {
+  --gradient-mid-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-800:hover {
+  --gradient-mid-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-900:hover {
+  --gradient-mid-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-50:hover {
+  --gradient-mid-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-100:hover {
+  --gradient-mid-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-200:hover {
+  --gradient-mid-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-300:hover {
+  --gradient-mid-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-400:hover {
+  --gradient-mid-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-500:hover {
+  --gradient-mid-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-600:hover {
+  --gradient-mid-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-700:hover {
+  --gradient-mid-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-800:hover {
+  --gradient-mid-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-900:hover {
+  --gradient-mid-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-50:hover {
+  --gradient-mid-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-100:hover {
+  --gradient-mid-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-200:hover {
+  --gradient-mid-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-300:hover {
+  --gradient-mid-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-400:hover {
+  --gradient-mid-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-500:hover {
+  --gradient-mid-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-600:hover {
+  --gradient-mid-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-700:hover {
+  --gradient-mid-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-800:hover {
+  --gradient-mid-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-900:hover {
+  --gradient-mid-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-from-transparent:focus {
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-current:focus {
+  --gradient-from-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-black:focus {
+  --gradient-from-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-white:focus {
+  --gradient-from-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-50:focus {
+  --gradient-from-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-100:focus {
+  --gradient-from-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-200:focus {
+  --gradient-from-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-300:focus {
+  --gradient-from-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-400:focus {
+  --gradient-from-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-500:focus {
+  --gradient-from-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-600:focus {
+  --gradient-from-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-700:focus {
+  --gradient-from-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-800:focus {
+  --gradient-from-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-900:focus {
+  --gradient-from-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-50:focus {
+  --gradient-from-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-100:focus {
+  --gradient-from-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-200:focus {
+  --gradient-from-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-300:focus {
+  --gradient-from-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-400:focus {
+  --gradient-from-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-500:focus {
+  --gradient-from-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-600:focus {
+  --gradient-from-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-700:focus {
+  --gradient-from-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-800:focus {
+  --gradient-from-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-900:focus {
+  --gradient-from-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-50:focus {
+  --gradient-from-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-100:focus {
+  --gradient-from-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-200:focus {
+  --gradient-from-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-300:focus {
+  --gradient-from-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-400:focus {
+  --gradient-from-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-500:focus {
+  --gradient-from-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-600:focus {
+  --gradient-from-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-700:focus {
+  --gradient-from-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-800:focus {
+  --gradient-from-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-900:focus {
+  --gradient-from-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-50:focus {
+  --gradient-from-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-100:focus {
+  --gradient-from-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-200:focus {
+  --gradient-from-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-300:focus {
+  --gradient-from-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-400:focus {
+  --gradient-from-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-500:focus {
+  --gradient-from-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-600:focus {
+  --gradient-from-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-700:focus {
+  --gradient-from-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-800:focus {
+  --gradient-from-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-900:focus {
+  --gradient-from-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-50:focus {
+  --gradient-from-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-100:focus {
+  --gradient-from-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-200:focus {
+  --gradient-from-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-300:focus {
+  --gradient-from-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-400:focus {
+  --gradient-from-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-500:focus {
+  --gradient-from-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-600:focus {
+  --gradient-from-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-700:focus {
+  --gradient-from-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-800:focus {
+  --gradient-from-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-900:focus {
+  --gradient-from-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-50:focus {
+  --gradient-from-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-100:focus {
+  --gradient-from-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-200:focus {
+  --gradient-from-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-300:focus {
+  --gradient-from-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-400:focus {
+  --gradient-from-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-500:focus {
+  --gradient-from-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-600:focus {
+  --gradient-from-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-700:focus {
+  --gradient-from-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-800:focus {
+  --gradient-from-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-900:focus {
+  --gradient-from-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-50:focus {
+  --gradient-from-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-100:focus {
+  --gradient-from-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-200:focus {
+  --gradient-from-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-300:focus {
+  --gradient-from-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-400:focus {
+  --gradient-from-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-500:focus {
+  --gradient-from-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-600:focus {
+  --gradient-from-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-700:focus {
+  --gradient-from-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-800:focus {
+  --gradient-from-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-900:focus {
+  --gradient-from-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-50:focus {
+  --gradient-from-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-100:focus {
+  --gradient-from-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-200:focus {
+  --gradient-from-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-300:focus {
+  --gradient-from-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-400:focus {
+  --gradient-from-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-500:focus {
+  --gradient-from-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-600:focus {
+  --gradient-from-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-700:focus {
+  --gradient-from-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-800:focus {
+  --gradient-from-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-900:focus {
+  --gradient-from-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-50:focus {
+  --gradient-from-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-100:focus {
+  --gradient-from-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-200:focus {
+  --gradient-from-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-300:focus {
+  --gradient-from-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-400:focus {
+  --gradient-from-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-500:focus {
+  --gradient-from-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-600:focus {
+  --gradient-from-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-700:focus {
+  --gradient-from-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-800:focus {
+  --gradient-from-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-900:focus {
+  --gradient-from-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-50:focus {
+  --gradient-from-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-100:focus {
+  --gradient-from-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-200:focus {
+  --gradient-from-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-300:focus {
+  --gradient-from-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-400:focus {
+  --gradient-from-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-500:focus {
+  --gradient-from-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-600:focus {
+  --gradient-from-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-700:focus {
+  --gradient-from-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-800:focus {
+  --gradient-from-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-900:focus {
+  --gradient-from-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-to-transparent:focus {
+  --gradient-to-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-current:focus {
+  --gradient-to-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-black:focus {
+  --gradient-to-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-white:focus {
+  --gradient-to-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-50:focus {
+  --gradient-to-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-100:focus {
+  --gradient-to-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-200:focus {
+  --gradient-to-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-300:focus {
+  --gradient-to-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-400:focus {
+  --gradient-to-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-500:focus {
+  --gradient-to-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-600:focus {
+  --gradient-to-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-700:focus {
+  --gradient-to-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-800:focus {
+  --gradient-to-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-900:focus {
+  --gradient-to-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-50:focus {
+  --gradient-to-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-100:focus {
+  --gradient-to-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-200:focus {
+  --gradient-to-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-300:focus {
+  --gradient-to-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-400:focus {
+  --gradient-to-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-500:focus {
+  --gradient-to-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-600:focus {
+  --gradient-to-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-700:focus {
+  --gradient-to-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-800:focus {
+  --gradient-to-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-900:focus {
+  --gradient-to-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-50:focus {
+  --gradient-to-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-100:focus {
+  --gradient-to-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-200:focus {
+  --gradient-to-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-300:focus {
+  --gradient-to-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-400:focus {
+  --gradient-to-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-500:focus {
+  --gradient-to-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-600:focus {
+  --gradient-to-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-700:focus {
+  --gradient-to-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-800:focus {
+  --gradient-to-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-900:focus {
+  --gradient-to-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-50:focus {
+  --gradient-to-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-100:focus {
+  --gradient-to-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-200:focus {
+  --gradient-to-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-300:focus {
+  --gradient-to-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-400:focus {
+  --gradient-to-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-500:focus {
+  --gradient-to-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-600:focus {
+  --gradient-to-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-700:focus {
+  --gradient-to-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-800:focus {
+  --gradient-to-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-900:focus {
+  --gradient-to-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-50:focus {
+  --gradient-to-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-100:focus {
+  --gradient-to-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-200:focus {
+  --gradient-to-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-300:focus {
+  --gradient-to-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-400:focus {
+  --gradient-to-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-500:focus {
+  --gradient-to-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-600:focus {
+  --gradient-to-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-700:focus {
+  --gradient-to-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-800:focus {
+  --gradient-to-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-900:focus {
+  --gradient-to-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-50:focus {
+  --gradient-to-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-100:focus {
+  --gradient-to-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-200:focus {
+  --gradient-to-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-300:focus {
+  --gradient-to-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-400:focus {
+  --gradient-to-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-500:focus {
+  --gradient-to-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-600:focus {
+  --gradient-to-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-700:focus {
+  --gradient-to-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-800:focus {
+  --gradient-to-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-900:focus {
+  --gradient-to-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-50:focus {
+  --gradient-to-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-100:focus {
+  --gradient-to-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-200:focus {
+  --gradient-to-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-300:focus {
+  --gradient-to-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-400:focus {
+  --gradient-to-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-500:focus {
+  --gradient-to-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-600:focus {
+  --gradient-to-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-700:focus {
+  --gradient-to-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-800:focus {
+  --gradient-to-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-900:focus {
+  --gradient-to-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-50:focus {
+  --gradient-to-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-100:focus {
+  --gradient-to-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-200:focus {
+  --gradient-to-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-300:focus {
+  --gradient-to-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-400:focus {
+  --gradient-to-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-500:focus {
+  --gradient-to-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-600:focus {
+  --gradient-to-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-700:focus {
+  --gradient-to-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-800:focus {
+  --gradient-to-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-900:focus {
+  --gradient-to-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-50:focus {
+  --gradient-to-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-100:focus {
+  --gradient-to-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-200:focus {
+  --gradient-to-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-300:focus {
+  --gradient-to-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-400:focus {
+  --gradient-to-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-500:focus {
+  --gradient-to-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-600:focus {
+  --gradient-to-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-700:focus {
+  --gradient-to-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-800:focus {
+  --gradient-to-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-900:focus {
+  --gradient-to-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-50:focus {
+  --gradient-to-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-100:focus {
+  --gradient-to-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-200:focus {
+  --gradient-to-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-300:focus {
+  --gradient-to-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-400:focus {
+  --gradient-to-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-500:focus {
+  --gradient-to-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-600:focus {
+  --gradient-to-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-700:focus {
+  --gradient-to-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-800:focus {
+  --gradient-to-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-900:focus {
+  --gradient-to-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-transparent:focus {
+  --gradient-mid-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-current:focus {
+  --gradient-mid-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-black:focus {
+  --gradient-mid-color: #000000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-white:focus {
+  --gradient-mid-color: #ffffff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-50:focus {
+  --gradient-mid-color: #f9fafb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-100:focus {
+  --gradient-mid-color: #f4f5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-200:focus {
+  --gradient-mid-color: #e5e7eb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-300:focus {
+  --gradient-mid-color: #d2d6dc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-400:focus {
+  --gradient-mid-color: #9fa6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-500:focus {
+  --gradient-mid-color: #6b7280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-600:focus {
+  --gradient-mid-color: #4b5563;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-700:focus {
+  --gradient-mid-color: #374151;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-800:focus {
+  --gradient-mid-color: #252f3f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-900:focus {
+  --gradient-mid-color: #161e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-50:focus {
+  --gradient-mid-color: #fdf2f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-100:focus {
+  --gradient-mid-color: #fde8e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-200:focus {
+  --gradient-mid-color: #fbd5d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-300:focus {
+  --gradient-mid-color: #f8b4b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-400:focus {
+  --gradient-mid-color: #f98080;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-500:focus {
+  --gradient-mid-color: #f05252;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-600:focus {
+  --gradient-mid-color: #e02424;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-700:focus {
+  --gradient-mid-color: #c81e1e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-800:focus {
+  --gradient-mid-color: #9b1c1c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-900:focus {
+  --gradient-mid-color: #771d1d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-50:focus {
+  --gradient-mid-color: #fff8f1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-100:focus {
+  --gradient-mid-color: #feecdc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-200:focus {
+  --gradient-mid-color: #fcd9bd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-300:focus {
+  --gradient-mid-color: #fdba8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-400:focus {
+  --gradient-mid-color: #ff8a4c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-500:focus {
+  --gradient-mid-color: #ff5a1f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-600:focus {
+  --gradient-mid-color: #d03801;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-700:focus {
+  --gradient-mid-color: #b43403;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-800:focus {
+  --gradient-mid-color: #8a2c0d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-900:focus {
+  --gradient-mid-color: #73230d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-50:focus {
+  --gradient-mid-color: #fdfdea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-100:focus {
+  --gradient-mid-color: #fdf6b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-200:focus {
+  --gradient-mid-color: #fce96a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-300:focus {
+  --gradient-mid-color: #faca15;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-400:focus {
+  --gradient-mid-color: #e3a008;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-500:focus {
+  --gradient-mid-color: #c27803;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-600:focus {
+  --gradient-mid-color: #9f580a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-700:focus {
+  --gradient-mid-color: #8e4b10;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-800:focus {
+  --gradient-mid-color: #723b13;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-900:focus {
+  --gradient-mid-color: #633112;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-50:focus {
+  --gradient-mid-color: #f3faf7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-100:focus {
+  --gradient-mid-color: #def7ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-200:focus {
+  --gradient-mid-color: #bcf0da;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-300:focus {
+  --gradient-mid-color: #84e1bc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-400:focus {
+  --gradient-mid-color: #31c48d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-500:focus {
+  --gradient-mid-color: #0e9f6e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-600:focus {
+  --gradient-mid-color: #057a55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-700:focus {
+  --gradient-mid-color: #046c4e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-800:focus {
+  --gradient-mid-color: #03543f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-900:focus {
+  --gradient-mid-color: #014737;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-50:focus {
+  --gradient-mid-color: #edfafa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-100:focus {
+  --gradient-mid-color: #d5f5f6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-200:focus {
+  --gradient-mid-color: #afecef;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-300:focus {
+  --gradient-mid-color: #7edce2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-400:focus {
+  --gradient-mid-color: #16bdca;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-500:focus {
+  --gradient-mid-color: #0694a2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-600:focus {
+  --gradient-mid-color: #047481;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-700:focus {
+  --gradient-mid-color: #036672;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-800:focus {
+  --gradient-mid-color: #05505c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-900:focus {
+  --gradient-mid-color: #014451;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-50:focus {
+  --gradient-mid-color: #ebf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-100:focus {
+  --gradient-mid-color: #e1effe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-200:focus {
+  --gradient-mid-color: #c3ddfd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-300:focus {
+  --gradient-mid-color: #a4cafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-400:focus {
+  --gradient-mid-color: #76a9fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-500:focus {
+  --gradient-mid-color: #3f83f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-600:focus {
+  --gradient-mid-color: #1c64f2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-700:focus {
+  --gradient-mid-color: #1a56db;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-800:focus {
+  --gradient-mid-color: #1e429f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-900:focus {
+  --gradient-mid-color: #233876;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-50:focus {
+  --gradient-mid-color: #f0f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-100:focus {
+  --gradient-mid-color: #e5edff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-200:focus {
+  --gradient-mid-color: #cddbfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-300:focus {
+  --gradient-mid-color: #b4c6fc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-400:focus {
+  --gradient-mid-color: #8da2fb;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-500:focus {
+  --gradient-mid-color: #6875f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-600:focus {
+  --gradient-mid-color: #5850ec;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-700:focus {
+  --gradient-mid-color: #5145cd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-800:focus {
+  --gradient-mid-color: #42389d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-900:focus {
+  --gradient-mid-color: #362f78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-50:focus {
+  --gradient-mid-color: #f6f5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-100:focus {
+  --gradient-mid-color: #edebfe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-200:focus {
+  --gradient-mid-color: #dcd7fe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-300:focus {
+  --gradient-mid-color: #cabffd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-400:focus {
+  --gradient-mid-color: #ac94fa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-500:focus {
+  --gradient-mid-color: #9061f9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-600:focus {
+  --gradient-mid-color: #7e3af2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-700:focus {
+  --gradient-mid-color: #6c2bd9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-800:focus {
+  --gradient-mid-color: #5521b5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-900:focus {
+  --gradient-mid-color: #4a1d96;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-50:focus {
+  --gradient-mid-color: #fdf2f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-100:focus {
+  --gradient-mid-color: #fce8f3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-200:focus {
+  --gradient-mid-color: #fad1e8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-300:focus {
+  --gradient-mid-color: #f8b4d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-400:focus {
+  --gradient-mid-color: #f17eb8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-500:focus {
+  --gradient-mid-color: #e74694;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-600:focus {
+  --gradient-mid-color: #d61f69;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-700:focus {
+  --gradient-mid-color: #bf125d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-800:focus {
+  --gradient-mid-color: #99154b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-900:focus {
+  --gradient-mid-color: #751a3d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
 .bg-opacity-0 {
   --bg-opacity: 0;
 }
@@ -29880,6 +34576,4702 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
+  .sm\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  }
+
+  .sm\:gradient-from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-black {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-white {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-50 {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-100 {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-200 {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-300 {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-400 {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-500 {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-600 {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-700 {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-800 {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-900 {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-50 {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-100 {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-200 {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-300 {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-400 {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-500 {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-600 {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-700 {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-800 {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-900 {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-50 {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-100 {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-200 {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-300 {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-400 {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-500 {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-600 {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-700 {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-800 {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-900 {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-50 {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-100 {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-200 {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-300 {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-400 {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-500 {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-600 {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-700 {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-800 {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-900 {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-50 {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-100 {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-200 {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-300 {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-400 {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-500 {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-600 {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-700 {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-800 {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-900 {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-50 {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-100 {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-200 {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-300 {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-400 {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-500 {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-600 {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-700 {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-800 {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-900 {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-50 {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-100 {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-200 {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-300 {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-400 {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-500 {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-600 {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-700 {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-800 {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-900 {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-50 {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-100 {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-200 {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-300 {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-400 {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-500 {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-600 {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-700 {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-800 {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-900 {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-50 {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-100 {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-200 {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-300 {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-400 {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-500 {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-600 {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-700 {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-800 {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-900 {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-50 {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-100 {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-200 {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-300 {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-400 {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-500 {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-600 {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-700 {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-800 {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-900 {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-to-transparent {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-current {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-black {
+    --gradient-to-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-white {
+    --gradient-to-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-50 {
+    --gradient-to-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-500 {
+    --gradient-to-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-600 {
+    --gradient-to-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-700 {
+    --gradient-to-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-800 {
+    --gradient-to-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-900 {
+    --gradient-to-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-50 {
+    --gradient-to-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-100 {
+    --gradient-to-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-200 {
+    --gradient-to-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-300 {
+    --gradient-to-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-400 {
+    --gradient-to-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-500 {
+    --gradient-to-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-600 {
+    --gradient-to-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-700 {
+    --gradient-to-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-800 {
+    --gradient-to-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-900 {
+    --gradient-to-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-50 {
+    --gradient-to-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-100 {
+    --gradient-to-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-300 {
+    --gradient-to-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-600 {
+    --gradient-to-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-700 {
+    --gradient-to-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-900 {
+    --gradient-to-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-200 {
+    --gradient-to-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-300 {
+    --gradient-to-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-400 {
+    --gradient-to-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-500 {
+    --gradient-to-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-600 {
+    --gradient-to-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-800 {
+    --gradient-to-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-900 {
+    --gradient-to-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-50 {
+    --gradient-to-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-100 {
+    --gradient-to-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-200 {
+    --gradient-to-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-300 {
+    --gradient-to-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-400 {
+    --gradient-to-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-500 {
+    --gradient-to-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-600 {
+    --gradient-to-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-700 {
+    --gradient-to-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-800 {
+    --gradient-to-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-900 {
+    --gradient-to-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-50 {
+    --gradient-to-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-200 {
+    --gradient-to-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-300 {
+    --gradient-to-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-400 {
+    --gradient-to-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-500 {
+    --gradient-to-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-600 {
+    --gradient-to-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-700 {
+    --gradient-to-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-800 {
+    --gradient-to-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-900 {
+    --gradient-to-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-100 {
+    --gradient-to-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-300 {
+    --gradient-to-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-400 {
+    --gradient-to-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-500 {
+    --gradient-to-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-600 {
+    --gradient-to-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-700 {
+    --gradient-to-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-800 {
+    --gradient-to-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-900 {
+    --gradient-to-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-100 {
+    --gradient-to-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-500 {
+    --gradient-to-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-600 {
+    --gradient-to-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-700 {
+    --gradient-to-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-800 {
+    --gradient-to-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-900 {
+    --gradient-to-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-100 {
+    --gradient-to-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-300 {
+    --gradient-to-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-400 {
+    --gradient-to-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-500 {
+    --gradient-to-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-600 {
+    --gradient-to-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-800 {
+    --gradient-to-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-900 {
+    --gradient-to-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-100 {
+    --gradient-to-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-200 {
+    --gradient-to-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-400 {
+    --gradient-to-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-500 {
+    --gradient-to-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-600 {
+    --gradient-to-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-700 {
+    --gradient-to-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-800 {
+    --gradient-to-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-900 {
+    --gradient-to-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-transparent {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-current {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-black {
+    --gradient-mid-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-white {
+    --gradient-mid-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-50 {
+    --gradient-mid-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-200 {
+    --gradient-mid-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-300 {
+    --gradient-mid-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-400 {
+    --gradient-mid-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-500 {
+    --gradient-mid-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-600 {
+    --gradient-mid-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-700 {
+    --gradient-mid-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-800 {
+    --gradient-mid-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-900 {
+    --gradient-mid-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-50 {
+    --gradient-mid-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-100 {
+    --gradient-mid-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-200 {
+    --gradient-mid-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-300 {
+    --gradient-mid-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-400 {
+    --gradient-mid-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-500 {
+    --gradient-mid-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-600 {
+    --gradient-mid-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-700 {
+    --gradient-mid-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-900 {
+    --gradient-mid-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-50 {
+    --gradient-mid-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-100 {
+    --gradient-mid-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-200 {
+    --gradient-mid-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-400 {
+    --gradient-mid-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-600 {
+    --gradient-mid-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-700 {
+    --gradient-mid-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-800 {
+    --gradient-mid-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-900 {
+    --gradient-mid-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-50 {
+    --gradient-mid-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-50 {
+    --gradient-mid-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-100 {
+    --gradient-mid-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-200 {
+    --gradient-mid-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-300 {
+    --gradient-mid-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-400 {
+    --gradient-mid-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-500 {
+    --gradient-mid-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-600 {
+    --gradient-mid-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-700 {
+    --gradient-mid-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-800 {
+    --gradient-mid-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-900 {
+    --gradient-mid-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-50 {
+    --gradient-mid-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-100 {
+    --gradient-mid-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-200 {
+    --gradient-mid-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-300 {
+    --gradient-mid-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-400 {
+    --gradient-mid-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-500 {
+    --gradient-mid-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-600 {
+    --gradient-mid-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-700 {
+    --gradient-mid-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-800 {
+    --gradient-mid-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-900 {
+    --gradient-mid-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-50 {
+    --gradient-mid-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-100 {
+    --gradient-mid-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-200 {
+    --gradient-mid-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-300 {
+    --gradient-mid-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-400 {
+    --gradient-mid-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-500 {
+    --gradient-mid-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-600 {
+    --gradient-mid-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-700 {
+    --gradient-mid-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-800 {
+    --gradient-mid-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-900 {
+    --gradient-mid-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-50 {
+    --gradient-mid-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-50 {
+    --gradient-mid-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-100 {
+    --gradient-mid-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-200 {
+    --gradient-mid-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-300 {
+    --gradient-mid-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-400 {
+    --gradient-mid-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-600 {
+    --gradient-mid-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-800 {
+    --gradient-mid-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-900 {
+    --gradient-mid-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-50 {
+    --gradient-mid-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-300 {
+    --gradient-mid-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-500 {
+    --gradient-mid-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-700 {
+    --gradient-mid-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-800 {
+    --gradient-mid-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-900 {
+    --gradient-mid-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-50:hover {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-50:hover {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-50:hover {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-50:hover {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-50:hover {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-50:hover {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-50:hover {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-50:hover {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-50:hover {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-50:hover {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-50:hover {
+    --gradient-mid-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-50:hover {
+    --gradient-mid-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-50:hover {
+    --gradient-mid-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-50:hover {
+    --gradient-mid-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-50:hover {
+    --gradient-mid-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-50:hover {
+    --gradient-mid-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-50:hover {
+    --gradient-mid-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-50:hover {
+    --gradient-mid-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-50:hover {
+    --gradient-mid-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-50:hover {
+    --gradient-mid-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-50:focus {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-50:focus {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-50:focus {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-50:focus {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-50:focus {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-50:focus {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-50:focus {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-50:focus {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-50:focus {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-50:focus {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-50:focus {
+    --gradient-mid-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-50:focus {
+    --gradient-mid-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-50:focus {
+    --gradient-mid-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-50:focus {
+    --gradient-mid-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-50:focus {
+    --gradient-mid-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-50:focus {
+    --gradient-mid-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-50:focus {
+    --gradient-mid-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-50:focus {
+    --gradient-mid-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-50:focus {
+    --gradient-mid-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-50:focus {
+    --gradient-mid-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
   .sm\:bg-opacity-0 {
     --bg-opacity: 0;
   }
@@ -54947,6 +64339,4702 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
+  .md\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  }
+
+  .md\:gradient-from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-black {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-white {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-50 {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-100 {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-200 {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-300 {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-400 {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-500 {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-600 {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-700 {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-800 {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-900 {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-50 {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-100 {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-200 {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-300 {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-400 {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-500 {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-600 {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-700 {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-800 {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-900 {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-50 {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-100 {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-200 {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-300 {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-400 {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-500 {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-600 {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-700 {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-800 {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-900 {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-50 {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-100 {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-200 {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-300 {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-400 {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-500 {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-600 {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-700 {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-800 {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-900 {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-50 {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-100 {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-200 {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-300 {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-400 {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-500 {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-600 {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-700 {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-800 {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-900 {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-50 {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-100 {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-200 {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-300 {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-400 {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-500 {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-600 {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-700 {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-800 {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-900 {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-50 {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-100 {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-200 {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-300 {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-400 {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-500 {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-600 {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-700 {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-800 {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-900 {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-50 {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-100 {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-200 {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-300 {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-400 {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-500 {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-600 {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-700 {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-800 {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-900 {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-50 {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-100 {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-200 {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-300 {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-400 {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-500 {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-600 {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-700 {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-800 {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-900 {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-50 {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-100 {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-200 {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-300 {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-400 {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-500 {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-600 {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-700 {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-800 {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-900 {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-to-transparent {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-current {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-black {
+    --gradient-to-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-white {
+    --gradient-to-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-50 {
+    --gradient-to-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-500 {
+    --gradient-to-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-600 {
+    --gradient-to-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-700 {
+    --gradient-to-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-800 {
+    --gradient-to-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-900 {
+    --gradient-to-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-50 {
+    --gradient-to-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-100 {
+    --gradient-to-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-200 {
+    --gradient-to-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-300 {
+    --gradient-to-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-400 {
+    --gradient-to-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-500 {
+    --gradient-to-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-600 {
+    --gradient-to-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-700 {
+    --gradient-to-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-800 {
+    --gradient-to-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-900 {
+    --gradient-to-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-50 {
+    --gradient-to-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-100 {
+    --gradient-to-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-300 {
+    --gradient-to-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-600 {
+    --gradient-to-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-700 {
+    --gradient-to-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-900 {
+    --gradient-to-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-200 {
+    --gradient-to-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-300 {
+    --gradient-to-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-400 {
+    --gradient-to-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-500 {
+    --gradient-to-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-600 {
+    --gradient-to-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-800 {
+    --gradient-to-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-900 {
+    --gradient-to-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-50 {
+    --gradient-to-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-100 {
+    --gradient-to-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-200 {
+    --gradient-to-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-300 {
+    --gradient-to-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-400 {
+    --gradient-to-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-500 {
+    --gradient-to-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-600 {
+    --gradient-to-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-700 {
+    --gradient-to-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-800 {
+    --gradient-to-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-900 {
+    --gradient-to-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-50 {
+    --gradient-to-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-200 {
+    --gradient-to-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-300 {
+    --gradient-to-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-400 {
+    --gradient-to-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-500 {
+    --gradient-to-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-600 {
+    --gradient-to-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-700 {
+    --gradient-to-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-800 {
+    --gradient-to-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-900 {
+    --gradient-to-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-100 {
+    --gradient-to-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-300 {
+    --gradient-to-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-400 {
+    --gradient-to-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-500 {
+    --gradient-to-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-600 {
+    --gradient-to-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-700 {
+    --gradient-to-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-800 {
+    --gradient-to-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-900 {
+    --gradient-to-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-100 {
+    --gradient-to-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-500 {
+    --gradient-to-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-600 {
+    --gradient-to-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-700 {
+    --gradient-to-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-800 {
+    --gradient-to-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-900 {
+    --gradient-to-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-100 {
+    --gradient-to-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-300 {
+    --gradient-to-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-400 {
+    --gradient-to-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-500 {
+    --gradient-to-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-600 {
+    --gradient-to-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-800 {
+    --gradient-to-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-900 {
+    --gradient-to-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-100 {
+    --gradient-to-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-200 {
+    --gradient-to-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-400 {
+    --gradient-to-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-500 {
+    --gradient-to-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-600 {
+    --gradient-to-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-700 {
+    --gradient-to-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-800 {
+    --gradient-to-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-900 {
+    --gradient-to-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-transparent {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-current {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-black {
+    --gradient-mid-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-white {
+    --gradient-mid-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-50 {
+    --gradient-mid-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-200 {
+    --gradient-mid-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-300 {
+    --gradient-mid-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-400 {
+    --gradient-mid-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-500 {
+    --gradient-mid-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-600 {
+    --gradient-mid-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-700 {
+    --gradient-mid-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-800 {
+    --gradient-mid-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-900 {
+    --gradient-mid-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-50 {
+    --gradient-mid-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-100 {
+    --gradient-mid-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-200 {
+    --gradient-mid-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-300 {
+    --gradient-mid-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-400 {
+    --gradient-mid-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-500 {
+    --gradient-mid-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-600 {
+    --gradient-mid-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-700 {
+    --gradient-mid-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-900 {
+    --gradient-mid-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-50 {
+    --gradient-mid-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-100 {
+    --gradient-mid-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-200 {
+    --gradient-mid-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-400 {
+    --gradient-mid-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-600 {
+    --gradient-mid-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-700 {
+    --gradient-mid-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-800 {
+    --gradient-mid-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-900 {
+    --gradient-mid-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-50 {
+    --gradient-mid-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-50 {
+    --gradient-mid-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-100 {
+    --gradient-mid-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-200 {
+    --gradient-mid-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-300 {
+    --gradient-mid-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-400 {
+    --gradient-mid-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-500 {
+    --gradient-mid-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-600 {
+    --gradient-mid-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-700 {
+    --gradient-mid-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-800 {
+    --gradient-mid-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-900 {
+    --gradient-mid-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-50 {
+    --gradient-mid-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-100 {
+    --gradient-mid-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-200 {
+    --gradient-mid-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-300 {
+    --gradient-mid-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-400 {
+    --gradient-mid-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-500 {
+    --gradient-mid-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-600 {
+    --gradient-mid-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-700 {
+    --gradient-mid-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-800 {
+    --gradient-mid-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-900 {
+    --gradient-mid-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-50 {
+    --gradient-mid-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-100 {
+    --gradient-mid-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-200 {
+    --gradient-mid-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-300 {
+    --gradient-mid-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-400 {
+    --gradient-mid-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-500 {
+    --gradient-mid-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-600 {
+    --gradient-mid-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-700 {
+    --gradient-mid-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-800 {
+    --gradient-mid-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-900 {
+    --gradient-mid-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-50 {
+    --gradient-mid-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-50 {
+    --gradient-mid-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-100 {
+    --gradient-mid-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-200 {
+    --gradient-mid-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-300 {
+    --gradient-mid-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-400 {
+    --gradient-mid-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-600 {
+    --gradient-mid-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-800 {
+    --gradient-mid-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-900 {
+    --gradient-mid-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-50 {
+    --gradient-mid-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-300 {
+    --gradient-mid-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-500 {
+    --gradient-mid-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-700 {
+    --gradient-mid-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-800 {
+    --gradient-mid-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-900 {
+    --gradient-mid-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-50:hover {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-50:hover {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-50:hover {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-50:hover {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-50:hover {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-50:hover {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-50:hover {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-50:hover {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-50:hover {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-50:hover {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-50:hover {
+    --gradient-mid-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-50:hover {
+    --gradient-mid-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-50:hover {
+    --gradient-mid-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-50:hover {
+    --gradient-mid-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-50:hover {
+    --gradient-mid-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-50:hover {
+    --gradient-mid-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-50:hover {
+    --gradient-mid-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-50:hover {
+    --gradient-mid-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-50:hover {
+    --gradient-mid-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-50:hover {
+    --gradient-mid-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-50:focus {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-50:focus {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-50:focus {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-50:focus {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-50:focus {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-50:focus {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-50:focus {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-50:focus {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-50:focus {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-50:focus {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-50:focus {
+    --gradient-mid-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-50:focus {
+    --gradient-mid-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-50:focus {
+    --gradient-mid-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-50:focus {
+    --gradient-mid-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-50:focus {
+    --gradient-mid-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-50:focus {
+    --gradient-mid-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-50:focus {
+    --gradient-mid-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-50:focus {
+    --gradient-mid-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-50:focus {
+    --gradient-mid-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-50:focus {
+    --gradient-mid-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
   .md\:bg-opacity-0 {
     --bg-opacity: 0;
   }
@@ -80014,6 +94102,4702 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
+  .lg\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  }
+
+  .lg\:gradient-from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-black {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-white {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-50 {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-100 {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-200 {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-300 {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-400 {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-500 {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-600 {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-700 {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-800 {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-900 {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-50 {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-100 {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-200 {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-300 {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-400 {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-500 {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-600 {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-700 {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-800 {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-900 {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-50 {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-100 {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-200 {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-300 {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-400 {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-500 {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-600 {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-700 {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-800 {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-900 {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-50 {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-100 {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-200 {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-300 {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-400 {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-500 {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-600 {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-700 {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-800 {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-900 {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-50 {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-100 {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-200 {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-300 {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-400 {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-500 {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-600 {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-700 {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-800 {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-900 {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-50 {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-100 {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-200 {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-300 {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-400 {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-500 {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-600 {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-700 {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-800 {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-900 {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-50 {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-100 {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-200 {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-300 {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-400 {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-500 {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-600 {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-700 {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-800 {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-900 {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-50 {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-100 {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-200 {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-300 {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-400 {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-500 {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-600 {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-700 {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-800 {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-900 {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-50 {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-100 {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-200 {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-300 {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-400 {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-500 {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-600 {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-700 {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-800 {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-900 {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-50 {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-100 {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-200 {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-300 {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-400 {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-500 {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-600 {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-700 {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-800 {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-900 {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-to-transparent {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-current {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-black {
+    --gradient-to-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-white {
+    --gradient-to-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-50 {
+    --gradient-to-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-500 {
+    --gradient-to-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-600 {
+    --gradient-to-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-700 {
+    --gradient-to-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-800 {
+    --gradient-to-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-900 {
+    --gradient-to-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-50 {
+    --gradient-to-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-100 {
+    --gradient-to-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-200 {
+    --gradient-to-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-300 {
+    --gradient-to-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-400 {
+    --gradient-to-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-500 {
+    --gradient-to-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-600 {
+    --gradient-to-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-700 {
+    --gradient-to-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-800 {
+    --gradient-to-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-900 {
+    --gradient-to-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-50 {
+    --gradient-to-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-100 {
+    --gradient-to-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-300 {
+    --gradient-to-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-600 {
+    --gradient-to-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-700 {
+    --gradient-to-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-900 {
+    --gradient-to-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-200 {
+    --gradient-to-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-300 {
+    --gradient-to-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-400 {
+    --gradient-to-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-500 {
+    --gradient-to-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-600 {
+    --gradient-to-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-800 {
+    --gradient-to-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-900 {
+    --gradient-to-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-50 {
+    --gradient-to-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-100 {
+    --gradient-to-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-200 {
+    --gradient-to-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-300 {
+    --gradient-to-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-400 {
+    --gradient-to-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-500 {
+    --gradient-to-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-600 {
+    --gradient-to-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-700 {
+    --gradient-to-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-800 {
+    --gradient-to-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-900 {
+    --gradient-to-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-50 {
+    --gradient-to-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-200 {
+    --gradient-to-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-300 {
+    --gradient-to-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-400 {
+    --gradient-to-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-500 {
+    --gradient-to-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-600 {
+    --gradient-to-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-700 {
+    --gradient-to-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-800 {
+    --gradient-to-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-900 {
+    --gradient-to-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-100 {
+    --gradient-to-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-300 {
+    --gradient-to-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-400 {
+    --gradient-to-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-500 {
+    --gradient-to-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-600 {
+    --gradient-to-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-700 {
+    --gradient-to-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-800 {
+    --gradient-to-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-900 {
+    --gradient-to-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-100 {
+    --gradient-to-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-500 {
+    --gradient-to-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-600 {
+    --gradient-to-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-700 {
+    --gradient-to-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-800 {
+    --gradient-to-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-900 {
+    --gradient-to-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-100 {
+    --gradient-to-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-300 {
+    --gradient-to-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-400 {
+    --gradient-to-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-500 {
+    --gradient-to-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-600 {
+    --gradient-to-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-800 {
+    --gradient-to-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-900 {
+    --gradient-to-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-100 {
+    --gradient-to-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-200 {
+    --gradient-to-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-400 {
+    --gradient-to-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-500 {
+    --gradient-to-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-600 {
+    --gradient-to-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-700 {
+    --gradient-to-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-800 {
+    --gradient-to-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-900 {
+    --gradient-to-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-transparent {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-current {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-black {
+    --gradient-mid-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-white {
+    --gradient-mid-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-50 {
+    --gradient-mid-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-200 {
+    --gradient-mid-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-300 {
+    --gradient-mid-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-400 {
+    --gradient-mid-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-500 {
+    --gradient-mid-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-600 {
+    --gradient-mid-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-700 {
+    --gradient-mid-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-800 {
+    --gradient-mid-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-900 {
+    --gradient-mid-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-50 {
+    --gradient-mid-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-100 {
+    --gradient-mid-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-200 {
+    --gradient-mid-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-300 {
+    --gradient-mid-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-400 {
+    --gradient-mid-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-500 {
+    --gradient-mid-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-600 {
+    --gradient-mid-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-700 {
+    --gradient-mid-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-900 {
+    --gradient-mid-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-50 {
+    --gradient-mid-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-100 {
+    --gradient-mid-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-200 {
+    --gradient-mid-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-400 {
+    --gradient-mid-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-600 {
+    --gradient-mid-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-700 {
+    --gradient-mid-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-800 {
+    --gradient-mid-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-900 {
+    --gradient-mid-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-50 {
+    --gradient-mid-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-50 {
+    --gradient-mid-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-100 {
+    --gradient-mid-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-200 {
+    --gradient-mid-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-300 {
+    --gradient-mid-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-400 {
+    --gradient-mid-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-500 {
+    --gradient-mid-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-600 {
+    --gradient-mid-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-700 {
+    --gradient-mid-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-800 {
+    --gradient-mid-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-900 {
+    --gradient-mid-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-50 {
+    --gradient-mid-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-100 {
+    --gradient-mid-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-200 {
+    --gradient-mid-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-300 {
+    --gradient-mid-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-400 {
+    --gradient-mid-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-500 {
+    --gradient-mid-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-600 {
+    --gradient-mid-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-700 {
+    --gradient-mid-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-800 {
+    --gradient-mid-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-900 {
+    --gradient-mid-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-50 {
+    --gradient-mid-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-100 {
+    --gradient-mid-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-200 {
+    --gradient-mid-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-300 {
+    --gradient-mid-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-400 {
+    --gradient-mid-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-500 {
+    --gradient-mid-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-600 {
+    --gradient-mid-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-700 {
+    --gradient-mid-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-800 {
+    --gradient-mid-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-900 {
+    --gradient-mid-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-50 {
+    --gradient-mid-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-50 {
+    --gradient-mid-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-100 {
+    --gradient-mid-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-200 {
+    --gradient-mid-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-300 {
+    --gradient-mid-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-400 {
+    --gradient-mid-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-600 {
+    --gradient-mid-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-800 {
+    --gradient-mid-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-900 {
+    --gradient-mid-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-50 {
+    --gradient-mid-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-300 {
+    --gradient-mid-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-500 {
+    --gradient-mid-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-700 {
+    --gradient-mid-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-800 {
+    --gradient-mid-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-900 {
+    --gradient-mid-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-50:hover {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-50:hover {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-50:hover {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-50:hover {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-50:hover {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-50:hover {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-50:hover {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-50:hover {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-50:hover {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-50:hover {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-50:hover {
+    --gradient-mid-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-50:hover {
+    --gradient-mid-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-50:hover {
+    --gradient-mid-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-50:hover {
+    --gradient-mid-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-50:hover {
+    --gradient-mid-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-50:hover {
+    --gradient-mid-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-50:hover {
+    --gradient-mid-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-50:hover {
+    --gradient-mid-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-50:hover {
+    --gradient-mid-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-50:hover {
+    --gradient-mid-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-50:focus {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-50:focus {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-50:focus {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-50:focus {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-50:focus {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-50:focus {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-50:focus {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-50:focus {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-50:focus {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-50:focus {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-50:focus {
+    --gradient-mid-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-50:focus {
+    --gradient-mid-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-50:focus {
+    --gradient-mid-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-50:focus {
+    --gradient-mid-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-50:focus {
+    --gradient-mid-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-50:focus {
+    --gradient-mid-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-50:focus {
+    --gradient-mid-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-50:focus {
+    --gradient-mid-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-50:focus {
+    --gradient-mid-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-50:focus {
+    --gradient-mid-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
   .lg\:bg-opacity-0 {
     --bg-opacity: 0;
   }
@@ -105081,6 +123865,4702 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
+  .xl\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  }
+
+  .xl\:gradient-from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-black {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-white {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-50 {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-100 {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-200 {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-300 {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-400 {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-500 {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-600 {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-700 {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-800 {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-900 {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-50 {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-100 {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-200 {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-300 {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-400 {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-500 {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-600 {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-700 {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-800 {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-900 {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-50 {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-100 {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-200 {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-300 {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-400 {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-500 {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-600 {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-700 {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-800 {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-900 {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-50 {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-100 {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-200 {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-300 {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-400 {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-500 {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-600 {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-700 {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-800 {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-900 {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-50 {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-100 {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-200 {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-300 {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-400 {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-500 {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-600 {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-700 {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-800 {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-900 {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-50 {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-100 {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-200 {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-300 {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-400 {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-500 {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-600 {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-700 {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-800 {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-900 {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-50 {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-100 {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-200 {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-300 {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-400 {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-500 {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-600 {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-700 {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-800 {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-900 {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-50 {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-100 {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-200 {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-300 {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-400 {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-500 {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-600 {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-700 {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-800 {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-900 {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-50 {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-100 {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-200 {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-300 {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-400 {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-500 {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-600 {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-700 {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-800 {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-900 {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-50 {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-100 {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-200 {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-300 {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-400 {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-500 {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-600 {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-700 {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-800 {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-900 {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-to-transparent {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-current {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-black {
+    --gradient-to-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-white {
+    --gradient-to-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-50 {
+    --gradient-to-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-500 {
+    --gradient-to-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-600 {
+    --gradient-to-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-700 {
+    --gradient-to-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-800 {
+    --gradient-to-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-900 {
+    --gradient-to-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-50 {
+    --gradient-to-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-100 {
+    --gradient-to-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-200 {
+    --gradient-to-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-300 {
+    --gradient-to-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-400 {
+    --gradient-to-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-500 {
+    --gradient-to-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-600 {
+    --gradient-to-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-700 {
+    --gradient-to-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-800 {
+    --gradient-to-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-900 {
+    --gradient-to-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-50 {
+    --gradient-to-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-100 {
+    --gradient-to-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-300 {
+    --gradient-to-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-600 {
+    --gradient-to-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-700 {
+    --gradient-to-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-900 {
+    --gradient-to-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-200 {
+    --gradient-to-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-300 {
+    --gradient-to-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-400 {
+    --gradient-to-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-500 {
+    --gradient-to-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-600 {
+    --gradient-to-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-800 {
+    --gradient-to-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-900 {
+    --gradient-to-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-50 {
+    --gradient-to-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-100 {
+    --gradient-to-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-200 {
+    --gradient-to-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-300 {
+    --gradient-to-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-400 {
+    --gradient-to-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-500 {
+    --gradient-to-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-600 {
+    --gradient-to-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-700 {
+    --gradient-to-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-800 {
+    --gradient-to-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-900 {
+    --gradient-to-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-50 {
+    --gradient-to-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-200 {
+    --gradient-to-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-300 {
+    --gradient-to-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-400 {
+    --gradient-to-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-500 {
+    --gradient-to-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-600 {
+    --gradient-to-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-700 {
+    --gradient-to-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-800 {
+    --gradient-to-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-900 {
+    --gradient-to-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-100 {
+    --gradient-to-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-300 {
+    --gradient-to-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-400 {
+    --gradient-to-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-500 {
+    --gradient-to-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-600 {
+    --gradient-to-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-700 {
+    --gradient-to-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-800 {
+    --gradient-to-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-900 {
+    --gradient-to-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-100 {
+    --gradient-to-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-500 {
+    --gradient-to-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-600 {
+    --gradient-to-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-700 {
+    --gradient-to-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-800 {
+    --gradient-to-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-900 {
+    --gradient-to-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-100 {
+    --gradient-to-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-300 {
+    --gradient-to-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-400 {
+    --gradient-to-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-500 {
+    --gradient-to-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-600 {
+    --gradient-to-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-800 {
+    --gradient-to-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-900 {
+    --gradient-to-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-100 {
+    --gradient-to-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-200 {
+    --gradient-to-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-400 {
+    --gradient-to-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-500 {
+    --gradient-to-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-600 {
+    --gradient-to-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-700 {
+    --gradient-to-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-800 {
+    --gradient-to-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-900 {
+    --gradient-to-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-transparent {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-current {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-black {
+    --gradient-mid-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-white {
+    --gradient-mid-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-50 {
+    --gradient-mid-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-200 {
+    --gradient-mid-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-300 {
+    --gradient-mid-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-400 {
+    --gradient-mid-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-500 {
+    --gradient-mid-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-600 {
+    --gradient-mid-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-700 {
+    --gradient-mid-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-800 {
+    --gradient-mid-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-900 {
+    --gradient-mid-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-50 {
+    --gradient-mid-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-100 {
+    --gradient-mid-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-200 {
+    --gradient-mid-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-300 {
+    --gradient-mid-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-400 {
+    --gradient-mid-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-500 {
+    --gradient-mid-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-600 {
+    --gradient-mid-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-700 {
+    --gradient-mid-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-900 {
+    --gradient-mid-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-50 {
+    --gradient-mid-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-100 {
+    --gradient-mid-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-200 {
+    --gradient-mid-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-400 {
+    --gradient-mid-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-600 {
+    --gradient-mid-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-700 {
+    --gradient-mid-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-800 {
+    --gradient-mid-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-900 {
+    --gradient-mid-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-50 {
+    --gradient-mid-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-50 {
+    --gradient-mid-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-100 {
+    --gradient-mid-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-200 {
+    --gradient-mid-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-300 {
+    --gradient-mid-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-400 {
+    --gradient-mid-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-500 {
+    --gradient-mid-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-600 {
+    --gradient-mid-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-700 {
+    --gradient-mid-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-800 {
+    --gradient-mid-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-900 {
+    --gradient-mid-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-50 {
+    --gradient-mid-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-100 {
+    --gradient-mid-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-200 {
+    --gradient-mid-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-300 {
+    --gradient-mid-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-400 {
+    --gradient-mid-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-500 {
+    --gradient-mid-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-600 {
+    --gradient-mid-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-700 {
+    --gradient-mid-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-800 {
+    --gradient-mid-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-900 {
+    --gradient-mid-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-50 {
+    --gradient-mid-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-100 {
+    --gradient-mid-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-200 {
+    --gradient-mid-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-300 {
+    --gradient-mid-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-400 {
+    --gradient-mid-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-500 {
+    --gradient-mid-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-600 {
+    --gradient-mid-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-700 {
+    --gradient-mid-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-800 {
+    --gradient-mid-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-900 {
+    --gradient-mid-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-50 {
+    --gradient-mid-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-50 {
+    --gradient-mid-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-100 {
+    --gradient-mid-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-200 {
+    --gradient-mid-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-300 {
+    --gradient-mid-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-400 {
+    --gradient-mid-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-600 {
+    --gradient-mid-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-800 {
+    --gradient-mid-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-900 {
+    --gradient-mid-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-50 {
+    --gradient-mid-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-300 {
+    --gradient-mid-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-500 {
+    --gradient-mid-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-700 {
+    --gradient-mid-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-800 {
+    --gradient-mid-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-900 {
+    --gradient-mid-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-50:hover {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-50:hover {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-50:hover {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-50:hover {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-50:hover {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-50:hover {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-50:hover {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-50:hover {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-50:hover {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-50:hover {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-50:hover {
+    --gradient-mid-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-50:hover {
+    --gradient-mid-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-50:hover {
+    --gradient-mid-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-50:hover {
+    --gradient-mid-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-50:hover {
+    --gradient-mid-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-50:hover {
+    --gradient-mid-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-50:hover {
+    --gradient-mid-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-50:hover {
+    --gradient-mid-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-50:hover {
+    --gradient-mid-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-50:hover {
+    --gradient-mid-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-50:focus {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-50:focus {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-50:focus {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-50:focus {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-50:focus {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-50:focus {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-50:focus {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-50:focus {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-50:focus {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-50:focus {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-50:focus {
+    --gradient-mid-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-50:focus {
+    --gradient-mid-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-50:focus {
+    --gradient-mid-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-50:focus {
+    --gradient-mid-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-50:focus {
+    --gradient-mid-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-50:focus {
+    --gradient-mid-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-50:focus {
+    --gradient-mid-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-50:focus {
+    --gradient-mid-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-50:focus {
+    --gradient-mid-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-50:focus {
+    --gradient-mid-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
   .xl\:bg-opacity-0 {
     --bg-opacity: 0;
   }
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index c8dfb4073..8087edad4 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -3463,6 +3463,4252 @@ video {
   background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
 }
 
+.bg-gradient-up {
+  background-image: linear-gradient(0deg, var(--gradient-color-stops)) !important;
+}
+
+.bg-gradient-right {
+  background-image: linear-gradient(90deg, var(--gradient-color-stops)) !important;
+}
+
+.bg-gradient-down {
+  background-image: linear-gradient(180deg, var(--gradient-color-stops)) !important;
+}
+
+.bg-gradient-left {
+  background-image: linear-gradient(270deg, var(--gradient-color-stops)) !important;
+}
+
+.gradient-from-transparent {
+  --gradient-from-color: transparent !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-current {
+  --gradient-from-color: currentColor !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-black {
+  --gradient-from-color: #000 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-white {
+  --gradient-from-color: #fff !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-gray-100 {
+  --gradient-from-color: #f7fafc !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-gray-200 {
+  --gradient-from-color: #edf2f7 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-gray-300 {
+  --gradient-from-color: #e2e8f0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-gray-400 {
+  --gradient-from-color: #cbd5e0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-gray-500 {
+  --gradient-from-color: #a0aec0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-gray-600 {
+  --gradient-from-color: #718096 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-gray-700 {
+  --gradient-from-color: #4a5568 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-gray-800 {
+  --gradient-from-color: #2d3748 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-gray-900 {
+  --gradient-from-color: #1a202c !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-red-100 {
+  --gradient-from-color: #fff5f5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-red-200 {
+  --gradient-from-color: #fed7d7 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-red-300 {
+  --gradient-from-color: #feb2b2 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-red-400 {
+  --gradient-from-color: #fc8181 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-red-500 {
+  --gradient-from-color: #f56565 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-red-600 {
+  --gradient-from-color: #e53e3e !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-red-700 {
+  --gradient-from-color: #c53030 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-red-800 {
+  --gradient-from-color: #9b2c2c !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-red-900 {
+  --gradient-from-color: #742a2a !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-orange-100 {
+  --gradient-from-color: #fffaf0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-orange-200 {
+  --gradient-from-color: #feebc8 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-orange-300 {
+  --gradient-from-color: #fbd38d !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-orange-400 {
+  --gradient-from-color: #f6ad55 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-orange-500 {
+  --gradient-from-color: #ed8936 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-orange-600 {
+  --gradient-from-color: #dd6b20 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-orange-700 {
+  --gradient-from-color: #c05621 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-orange-800 {
+  --gradient-from-color: #9c4221 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-orange-900 {
+  --gradient-from-color: #7b341e !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-yellow-100 {
+  --gradient-from-color: #fffff0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-yellow-200 {
+  --gradient-from-color: #fefcbf !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-yellow-300 {
+  --gradient-from-color: #faf089 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-yellow-400 {
+  --gradient-from-color: #f6e05e !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-yellow-500 {
+  --gradient-from-color: #ecc94b !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-yellow-600 {
+  --gradient-from-color: #d69e2e !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-yellow-700 {
+  --gradient-from-color: #b7791f !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-yellow-800 {
+  --gradient-from-color: #975a16 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-yellow-900 {
+  --gradient-from-color: #744210 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-green-100 {
+  --gradient-from-color: #f0fff4 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-green-200 {
+  --gradient-from-color: #c6f6d5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-green-300 {
+  --gradient-from-color: #9ae6b4 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-green-400 {
+  --gradient-from-color: #68d391 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-green-500 {
+  --gradient-from-color: #48bb78 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-green-600 {
+  --gradient-from-color: #38a169 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-green-700 {
+  --gradient-from-color: #2f855a !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-green-800 {
+  --gradient-from-color: #276749 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-green-900 {
+  --gradient-from-color: #22543d !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-teal-100 {
+  --gradient-from-color: #e6fffa !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-teal-200 {
+  --gradient-from-color: #b2f5ea !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-teal-300 {
+  --gradient-from-color: #81e6d9 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-teal-400 {
+  --gradient-from-color: #4fd1c5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-teal-500 {
+  --gradient-from-color: #38b2ac !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-teal-600 {
+  --gradient-from-color: #319795 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-teal-700 {
+  --gradient-from-color: #2c7a7b !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-teal-800 {
+  --gradient-from-color: #285e61 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-teal-900 {
+  --gradient-from-color: #234e52 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-blue-100 {
+  --gradient-from-color: #ebf8ff !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-blue-200 {
+  --gradient-from-color: #bee3f8 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-blue-300 {
+  --gradient-from-color: #90cdf4 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-blue-400 {
+  --gradient-from-color: #63b3ed !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-blue-500 {
+  --gradient-from-color: #4299e1 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-blue-600 {
+  --gradient-from-color: #3182ce !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-blue-700 {
+  --gradient-from-color: #2b6cb0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-blue-800 {
+  --gradient-from-color: #2c5282 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-blue-900 {
+  --gradient-from-color: #2a4365 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-indigo-100 {
+  --gradient-from-color: #ebf4ff !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-indigo-200 {
+  --gradient-from-color: #c3dafe !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-indigo-300 {
+  --gradient-from-color: #a3bffa !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-indigo-400 {
+  --gradient-from-color: #7f9cf5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-indigo-500 {
+  --gradient-from-color: #667eea !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-indigo-600 {
+  --gradient-from-color: #5a67d8 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-indigo-700 {
+  --gradient-from-color: #4c51bf !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-indigo-800 {
+  --gradient-from-color: #434190 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-indigo-900 {
+  --gradient-from-color: #3c366b !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-purple-100 {
+  --gradient-from-color: #faf5ff !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-purple-200 {
+  --gradient-from-color: #e9d8fd !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-purple-300 {
+  --gradient-from-color: #d6bcfa !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-purple-400 {
+  --gradient-from-color: #b794f4 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-purple-500 {
+  --gradient-from-color: #9f7aea !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-purple-600 {
+  --gradient-from-color: #805ad5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-purple-700 {
+  --gradient-from-color: #6b46c1 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-purple-800 {
+  --gradient-from-color: #553c9a !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-purple-900 {
+  --gradient-from-color: #44337a !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-pink-100 {
+  --gradient-from-color: #fff5f7 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-pink-200 {
+  --gradient-from-color: #fed7e2 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-pink-300 {
+  --gradient-from-color: #fbb6ce !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-pink-400 {
+  --gradient-from-color: #f687b3 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-pink-500 {
+  --gradient-from-color: #ed64a6 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-pink-600 {
+  --gradient-from-color: #d53f8c !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-pink-700 {
+  --gradient-from-color: #b83280 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-pink-800 {
+  --gradient-from-color: #97266d !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-from-pink-900 {
+  --gradient-from-color: #702459 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.gradient-to-transparent {
+  --gradient-to-color: transparent !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-current {
+  --gradient-to-color: currentColor !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-black {
+  --gradient-to-color: #000 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-white {
+  --gradient-to-color: #fff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-gray-100 {
+  --gradient-to-color: #f7fafc !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-gray-200 {
+  --gradient-to-color: #edf2f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-gray-300 {
+  --gradient-to-color: #e2e8f0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-gray-400 {
+  --gradient-to-color: #cbd5e0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-gray-500 {
+  --gradient-to-color: #a0aec0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-gray-600 {
+  --gradient-to-color: #718096 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-gray-700 {
+  --gradient-to-color: #4a5568 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-gray-800 {
+  --gradient-to-color: #2d3748 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-gray-900 {
+  --gradient-to-color: #1a202c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-red-100 {
+  --gradient-to-color: #fff5f5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-red-200 {
+  --gradient-to-color: #fed7d7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-red-300 {
+  --gradient-to-color: #feb2b2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-red-400 {
+  --gradient-to-color: #fc8181 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-red-500 {
+  --gradient-to-color: #f56565 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-red-600 {
+  --gradient-to-color: #e53e3e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-red-700 {
+  --gradient-to-color: #c53030 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-red-800 {
+  --gradient-to-color: #9b2c2c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-red-900 {
+  --gradient-to-color: #742a2a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-orange-100 {
+  --gradient-to-color: #fffaf0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-orange-200 {
+  --gradient-to-color: #feebc8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-orange-300 {
+  --gradient-to-color: #fbd38d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-orange-400 {
+  --gradient-to-color: #f6ad55 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-orange-500 {
+  --gradient-to-color: #ed8936 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-orange-600 {
+  --gradient-to-color: #dd6b20 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-orange-700 {
+  --gradient-to-color: #c05621 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-orange-800 {
+  --gradient-to-color: #9c4221 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-orange-900 {
+  --gradient-to-color: #7b341e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-yellow-100 {
+  --gradient-to-color: #fffff0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-yellow-200 {
+  --gradient-to-color: #fefcbf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-yellow-300 {
+  --gradient-to-color: #faf089 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-yellow-400 {
+  --gradient-to-color: #f6e05e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-yellow-500 {
+  --gradient-to-color: #ecc94b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-yellow-600 {
+  --gradient-to-color: #d69e2e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-yellow-700 {
+  --gradient-to-color: #b7791f !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-yellow-800 {
+  --gradient-to-color: #975a16 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-yellow-900 {
+  --gradient-to-color: #744210 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-green-100 {
+  --gradient-to-color: #f0fff4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-green-200 {
+  --gradient-to-color: #c6f6d5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-green-300 {
+  --gradient-to-color: #9ae6b4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-green-400 {
+  --gradient-to-color: #68d391 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-green-500 {
+  --gradient-to-color: #48bb78 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-green-600 {
+  --gradient-to-color: #38a169 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-green-700 {
+  --gradient-to-color: #2f855a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-green-800 {
+  --gradient-to-color: #276749 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-green-900 {
+  --gradient-to-color: #22543d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-teal-100 {
+  --gradient-to-color: #e6fffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-teal-200 {
+  --gradient-to-color: #b2f5ea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-teal-300 {
+  --gradient-to-color: #81e6d9 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-teal-400 {
+  --gradient-to-color: #4fd1c5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-teal-500 {
+  --gradient-to-color: #38b2ac !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-teal-600 {
+  --gradient-to-color: #319795 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-teal-700 {
+  --gradient-to-color: #2c7a7b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-teal-800 {
+  --gradient-to-color: #285e61 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-teal-900 {
+  --gradient-to-color: #234e52 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-blue-100 {
+  --gradient-to-color: #ebf8ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-blue-200 {
+  --gradient-to-color: #bee3f8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-blue-300 {
+  --gradient-to-color: #90cdf4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-blue-400 {
+  --gradient-to-color: #63b3ed !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-blue-500 {
+  --gradient-to-color: #4299e1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-blue-600 {
+  --gradient-to-color: #3182ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-blue-700 {
+  --gradient-to-color: #2b6cb0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-blue-800 {
+  --gradient-to-color: #2c5282 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-blue-900 {
+  --gradient-to-color: #2a4365 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-indigo-100 {
+  --gradient-to-color: #ebf4ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-indigo-200 {
+  --gradient-to-color: #c3dafe !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-indigo-300 {
+  --gradient-to-color: #a3bffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-indigo-400 {
+  --gradient-to-color: #7f9cf5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-indigo-500 {
+  --gradient-to-color: #667eea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-indigo-600 {
+  --gradient-to-color: #5a67d8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-indigo-700 {
+  --gradient-to-color: #4c51bf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-indigo-800 {
+  --gradient-to-color: #434190 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-indigo-900 {
+  --gradient-to-color: #3c366b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-purple-100 {
+  --gradient-to-color: #faf5ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-purple-200 {
+  --gradient-to-color: #e9d8fd !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-purple-300 {
+  --gradient-to-color: #d6bcfa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-purple-400 {
+  --gradient-to-color: #b794f4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-purple-500 {
+  --gradient-to-color: #9f7aea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-purple-600 {
+  --gradient-to-color: #805ad5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-purple-700 {
+  --gradient-to-color: #6b46c1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-purple-800 {
+  --gradient-to-color: #553c9a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-purple-900 {
+  --gradient-to-color: #44337a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-pink-100 {
+  --gradient-to-color: #fff5f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-pink-200 {
+  --gradient-to-color: #fed7e2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-pink-300 {
+  --gradient-to-color: #fbb6ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-pink-400 {
+  --gradient-to-color: #f687b3 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-pink-500 {
+  --gradient-to-color: #ed64a6 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-pink-600 {
+  --gradient-to-color: #d53f8c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-pink-700 {
+  --gradient-to-color: #b83280 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-pink-800 {
+  --gradient-to-color: #97266d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-to-pink-900 {
+  --gradient-to-color: #702459 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-transparent {
+  --gradient-mid-color: transparent !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-current {
+  --gradient-mid-color: currentColor !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-black {
+  --gradient-mid-color: #000 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-white {
+  --gradient-mid-color: #fff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-gray-100 {
+  --gradient-mid-color: #f7fafc !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-gray-200 {
+  --gradient-mid-color: #edf2f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-gray-300 {
+  --gradient-mid-color: #e2e8f0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-gray-400 {
+  --gradient-mid-color: #cbd5e0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-gray-500 {
+  --gradient-mid-color: #a0aec0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-gray-600 {
+  --gradient-mid-color: #718096 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-gray-700 {
+  --gradient-mid-color: #4a5568 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-gray-800 {
+  --gradient-mid-color: #2d3748 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-gray-900 {
+  --gradient-mid-color: #1a202c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-red-100 {
+  --gradient-mid-color: #fff5f5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-red-200 {
+  --gradient-mid-color: #fed7d7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-red-300 {
+  --gradient-mid-color: #feb2b2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-red-400 {
+  --gradient-mid-color: #fc8181 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-red-500 {
+  --gradient-mid-color: #f56565 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-red-600 {
+  --gradient-mid-color: #e53e3e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-red-700 {
+  --gradient-mid-color: #c53030 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-red-800 {
+  --gradient-mid-color: #9b2c2c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-red-900 {
+  --gradient-mid-color: #742a2a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-orange-100 {
+  --gradient-mid-color: #fffaf0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-orange-200 {
+  --gradient-mid-color: #feebc8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-orange-300 {
+  --gradient-mid-color: #fbd38d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-orange-400 {
+  --gradient-mid-color: #f6ad55 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-orange-500 {
+  --gradient-mid-color: #ed8936 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-orange-600 {
+  --gradient-mid-color: #dd6b20 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-orange-700 {
+  --gradient-mid-color: #c05621 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-orange-800 {
+  --gradient-mid-color: #9c4221 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-orange-900 {
+  --gradient-mid-color: #7b341e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-yellow-100 {
+  --gradient-mid-color: #fffff0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-yellow-200 {
+  --gradient-mid-color: #fefcbf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-yellow-300 {
+  --gradient-mid-color: #faf089 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-yellow-400 {
+  --gradient-mid-color: #f6e05e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-yellow-500 {
+  --gradient-mid-color: #ecc94b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-yellow-600 {
+  --gradient-mid-color: #d69e2e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-yellow-700 {
+  --gradient-mid-color: #b7791f !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-yellow-800 {
+  --gradient-mid-color: #975a16 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-yellow-900 {
+  --gradient-mid-color: #744210 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-green-100 {
+  --gradient-mid-color: #f0fff4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-green-200 {
+  --gradient-mid-color: #c6f6d5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-green-300 {
+  --gradient-mid-color: #9ae6b4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-green-400 {
+  --gradient-mid-color: #68d391 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-green-500 {
+  --gradient-mid-color: #48bb78 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-green-600 {
+  --gradient-mid-color: #38a169 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-green-700 {
+  --gradient-mid-color: #2f855a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-green-800 {
+  --gradient-mid-color: #276749 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-green-900 {
+  --gradient-mid-color: #22543d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-teal-100 {
+  --gradient-mid-color: #e6fffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-teal-200 {
+  --gradient-mid-color: #b2f5ea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-teal-300 {
+  --gradient-mid-color: #81e6d9 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-teal-400 {
+  --gradient-mid-color: #4fd1c5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-teal-500 {
+  --gradient-mid-color: #38b2ac !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-teal-600 {
+  --gradient-mid-color: #319795 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-teal-700 {
+  --gradient-mid-color: #2c7a7b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-teal-800 {
+  --gradient-mid-color: #285e61 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-teal-900 {
+  --gradient-mid-color: #234e52 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-blue-100 {
+  --gradient-mid-color: #ebf8ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-blue-200 {
+  --gradient-mid-color: #bee3f8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-blue-300 {
+  --gradient-mid-color: #90cdf4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-blue-400 {
+  --gradient-mid-color: #63b3ed !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-blue-500 {
+  --gradient-mid-color: #4299e1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-blue-600 {
+  --gradient-mid-color: #3182ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-blue-700 {
+  --gradient-mid-color: #2b6cb0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-blue-800 {
+  --gradient-mid-color: #2c5282 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-blue-900 {
+  --gradient-mid-color: #2a4365 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-indigo-100 {
+  --gradient-mid-color: #ebf4ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-indigo-200 {
+  --gradient-mid-color: #c3dafe !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-indigo-300 {
+  --gradient-mid-color: #a3bffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-indigo-400 {
+  --gradient-mid-color: #7f9cf5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-indigo-500 {
+  --gradient-mid-color: #667eea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-indigo-600 {
+  --gradient-mid-color: #5a67d8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-indigo-700 {
+  --gradient-mid-color: #4c51bf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-indigo-800 {
+  --gradient-mid-color: #434190 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-indigo-900 {
+  --gradient-mid-color: #3c366b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-purple-100 {
+  --gradient-mid-color: #faf5ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-purple-200 {
+  --gradient-mid-color: #e9d8fd !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-purple-300 {
+  --gradient-mid-color: #d6bcfa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-purple-400 {
+  --gradient-mid-color: #b794f4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-purple-500 {
+  --gradient-mid-color: #9f7aea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-purple-600 {
+  --gradient-mid-color: #805ad5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-purple-700 {
+  --gradient-mid-color: #6b46c1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-purple-800 {
+  --gradient-mid-color: #553c9a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-purple-900 {
+  --gradient-mid-color: #44337a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-pink-100 {
+  --gradient-mid-color: #fff5f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-pink-200 {
+  --gradient-mid-color: #fed7e2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-pink-300 {
+  --gradient-mid-color: #fbb6ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-pink-400 {
+  --gradient-mid-color: #f687b3 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-pink-500 {
+  --gradient-mid-color: #ed64a6 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-pink-600 {
+  --gradient-mid-color: #d53f8c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-pink-700 {
+  --gradient-mid-color: #b83280 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-pink-800 {
+  --gradient-mid-color: #97266d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.gradient-mid-pink-900 {
+  --gradient-mid-color: #702459 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-from-transparent:hover {
+  --gradient-from-color: transparent !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-current:hover {
+  --gradient-from-color: currentColor !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-black:hover {
+  --gradient-from-color: #000 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-white:hover {
+  --gradient-from-color: #fff !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-gray-100:hover {
+  --gradient-from-color: #f7fafc !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-gray-200:hover {
+  --gradient-from-color: #edf2f7 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-gray-300:hover {
+  --gradient-from-color: #e2e8f0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-gray-400:hover {
+  --gradient-from-color: #cbd5e0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-gray-500:hover {
+  --gradient-from-color: #a0aec0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-gray-600:hover {
+  --gradient-from-color: #718096 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-gray-700:hover {
+  --gradient-from-color: #4a5568 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-gray-800:hover {
+  --gradient-from-color: #2d3748 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-gray-900:hover {
+  --gradient-from-color: #1a202c !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-red-100:hover {
+  --gradient-from-color: #fff5f5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-red-200:hover {
+  --gradient-from-color: #fed7d7 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-red-300:hover {
+  --gradient-from-color: #feb2b2 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-red-400:hover {
+  --gradient-from-color: #fc8181 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-red-500:hover {
+  --gradient-from-color: #f56565 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-red-600:hover {
+  --gradient-from-color: #e53e3e !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-red-700:hover {
+  --gradient-from-color: #c53030 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-red-800:hover {
+  --gradient-from-color: #9b2c2c !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-red-900:hover {
+  --gradient-from-color: #742a2a !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-orange-100:hover {
+  --gradient-from-color: #fffaf0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-orange-200:hover {
+  --gradient-from-color: #feebc8 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-orange-300:hover {
+  --gradient-from-color: #fbd38d !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-orange-400:hover {
+  --gradient-from-color: #f6ad55 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-orange-500:hover {
+  --gradient-from-color: #ed8936 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-orange-600:hover {
+  --gradient-from-color: #dd6b20 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-orange-700:hover {
+  --gradient-from-color: #c05621 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-orange-800:hover {
+  --gradient-from-color: #9c4221 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-orange-900:hover {
+  --gradient-from-color: #7b341e !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-yellow-100:hover {
+  --gradient-from-color: #fffff0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-yellow-200:hover {
+  --gradient-from-color: #fefcbf !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-yellow-300:hover {
+  --gradient-from-color: #faf089 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-yellow-400:hover {
+  --gradient-from-color: #f6e05e !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-yellow-500:hover {
+  --gradient-from-color: #ecc94b !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-yellow-600:hover {
+  --gradient-from-color: #d69e2e !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-yellow-700:hover {
+  --gradient-from-color: #b7791f !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-yellow-800:hover {
+  --gradient-from-color: #975a16 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-yellow-900:hover {
+  --gradient-from-color: #744210 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-green-100:hover {
+  --gradient-from-color: #f0fff4 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-green-200:hover {
+  --gradient-from-color: #c6f6d5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-green-300:hover {
+  --gradient-from-color: #9ae6b4 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-green-400:hover {
+  --gradient-from-color: #68d391 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-green-500:hover {
+  --gradient-from-color: #48bb78 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-green-600:hover {
+  --gradient-from-color: #38a169 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-green-700:hover {
+  --gradient-from-color: #2f855a !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-green-800:hover {
+  --gradient-from-color: #276749 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-green-900:hover {
+  --gradient-from-color: #22543d !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-teal-100:hover {
+  --gradient-from-color: #e6fffa !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-teal-200:hover {
+  --gradient-from-color: #b2f5ea !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-teal-300:hover {
+  --gradient-from-color: #81e6d9 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-teal-400:hover {
+  --gradient-from-color: #4fd1c5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-teal-500:hover {
+  --gradient-from-color: #38b2ac !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-teal-600:hover {
+  --gradient-from-color: #319795 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-teal-700:hover {
+  --gradient-from-color: #2c7a7b !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-teal-800:hover {
+  --gradient-from-color: #285e61 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-teal-900:hover {
+  --gradient-from-color: #234e52 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-blue-100:hover {
+  --gradient-from-color: #ebf8ff !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-blue-200:hover {
+  --gradient-from-color: #bee3f8 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-blue-300:hover {
+  --gradient-from-color: #90cdf4 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-blue-400:hover {
+  --gradient-from-color: #63b3ed !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-blue-500:hover {
+  --gradient-from-color: #4299e1 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-blue-600:hover {
+  --gradient-from-color: #3182ce !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-blue-700:hover {
+  --gradient-from-color: #2b6cb0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-blue-800:hover {
+  --gradient-from-color: #2c5282 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-blue-900:hover {
+  --gradient-from-color: #2a4365 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-indigo-100:hover {
+  --gradient-from-color: #ebf4ff !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-indigo-200:hover {
+  --gradient-from-color: #c3dafe !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-indigo-300:hover {
+  --gradient-from-color: #a3bffa !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-indigo-400:hover {
+  --gradient-from-color: #7f9cf5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-indigo-500:hover {
+  --gradient-from-color: #667eea !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-indigo-600:hover {
+  --gradient-from-color: #5a67d8 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-indigo-700:hover {
+  --gradient-from-color: #4c51bf !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-indigo-800:hover {
+  --gradient-from-color: #434190 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-indigo-900:hover {
+  --gradient-from-color: #3c366b !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-purple-100:hover {
+  --gradient-from-color: #faf5ff !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-purple-200:hover {
+  --gradient-from-color: #e9d8fd !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-purple-300:hover {
+  --gradient-from-color: #d6bcfa !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-purple-400:hover {
+  --gradient-from-color: #b794f4 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-purple-500:hover {
+  --gradient-from-color: #9f7aea !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-purple-600:hover {
+  --gradient-from-color: #805ad5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-purple-700:hover {
+  --gradient-from-color: #6b46c1 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-purple-800:hover {
+  --gradient-from-color: #553c9a !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-purple-900:hover {
+  --gradient-from-color: #44337a !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-pink-100:hover {
+  --gradient-from-color: #fff5f7 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-pink-200:hover {
+  --gradient-from-color: #fed7e2 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-pink-300:hover {
+  --gradient-from-color: #fbb6ce !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-pink-400:hover {
+  --gradient-from-color: #f687b3 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-pink-500:hover {
+  --gradient-from-color: #ed64a6 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-pink-600:hover {
+  --gradient-from-color: #d53f8c !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-pink-700:hover {
+  --gradient-from-color: #b83280 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-pink-800:hover {
+  --gradient-from-color: #97266d !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-from-pink-900:hover {
+  --gradient-from-color: #702459 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.hover\:gradient-to-transparent:hover {
+  --gradient-to-color: transparent !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-current:hover {
+  --gradient-to-color: currentColor !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-black:hover {
+  --gradient-to-color: #000 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-white:hover {
+  --gradient-to-color: #fff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-gray-100:hover {
+  --gradient-to-color: #f7fafc !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-gray-200:hover {
+  --gradient-to-color: #edf2f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-gray-300:hover {
+  --gradient-to-color: #e2e8f0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-gray-400:hover {
+  --gradient-to-color: #cbd5e0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-gray-500:hover {
+  --gradient-to-color: #a0aec0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-gray-600:hover {
+  --gradient-to-color: #718096 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-gray-700:hover {
+  --gradient-to-color: #4a5568 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-gray-800:hover {
+  --gradient-to-color: #2d3748 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-gray-900:hover {
+  --gradient-to-color: #1a202c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-red-100:hover {
+  --gradient-to-color: #fff5f5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-red-200:hover {
+  --gradient-to-color: #fed7d7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-red-300:hover {
+  --gradient-to-color: #feb2b2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-red-400:hover {
+  --gradient-to-color: #fc8181 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-red-500:hover {
+  --gradient-to-color: #f56565 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-red-600:hover {
+  --gradient-to-color: #e53e3e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-red-700:hover {
+  --gradient-to-color: #c53030 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-red-800:hover {
+  --gradient-to-color: #9b2c2c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-red-900:hover {
+  --gradient-to-color: #742a2a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-orange-100:hover {
+  --gradient-to-color: #fffaf0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-orange-200:hover {
+  --gradient-to-color: #feebc8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-orange-300:hover {
+  --gradient-to-color: #fbd38d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-orange-400:hover {
+  --gradient-to-color: #f6ad55 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-orange-500:hover {
+  --gradient-to-color: #ed8936 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-orange-600:hover {
+  --gradient-to-color: #dd6b20 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-orange-700:hover {
+  --gradient-to-color: #c05621 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-orange-800:hover {
+  --gradient-to-color: #9c4221 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-orange-900:hover {
+  --gradient-to-color: #7b341e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-yellow-100:hover {
+  --gradient-to-color: #fffff0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-yellow-200:hover {
+  --gradient-to-color: #fefcbf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-yellow-300:hover {
+  --gradient-to-color: #faf089 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-yellow-400:hover {
+  --gradient-to-color: #f6e05e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-yellow-500:hover {
+  --gradient-to-color: #ecc94b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-yellow-600:hover {
+  --gradient-to-color: #d69e2e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-yellow-700:hover {
+  --gradient-to-color: #b7791f !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-yellow-800:hover {
+  --gradient-to-color: #975a16 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-yellow-900:hover {
+  --gradient-to-color: #744210 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-green-100:hover {
+  --gradient-to-color: #f0fff4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-green-200:hover {
+  --gradient-to-color: #c6f6d5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-green-300:hover {
+  --gradient-to-color: #9ae6b4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-green-400:hover {
+  --gradient-to-color: #68d391 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-green-500:hover {
+  --gradient-to-color: #48bb78 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-green-600:hover {
+  --gradient-to-color: #38a169 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-green-700:hover {
+  --gradient-to-color: #2f855a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-green-800:hover {
+  --gradient-to-color: #276749 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-green-900:hover {
+  --gradient-to-color: #22543d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-teal-100:hover {
+  --gradient-to-color: #e6fffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-teal-200:hover {
+  --gradient-to-color: #b2f5ea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-teal-300:hover {
+  --gradient-to-color: #81e6d9 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-teal-400:hover {
+  --gradient-to-color: #4fd1c5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-teal-500:hover {
+  --gradient-to-color: #38b2ac !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-teal-600:hover {
+  --gradient-to-color: #319795 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-teal-700:hover {
+  --gradient-to-color: #2c7a7b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-teal-800:hover {
+  --gradient-to-color: #285e61 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-teal-900:hover {
+  --gradient-to-color: #234e52 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-blue-100:hover {
+  --gradient-to-color: #ebf8ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-blue-200:hover {
+  --gradient-to-color: #bee3f8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-blue-300:hover {
+  --gradient-to-color: #90cdf4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-blue-400:hover {
+  --gradient-to-color: #63b3ed !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-blue-500:hover {
+  --gradient-to-color: #4299e1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-blue-600:hover {
+  --gradient-to-color: #3182ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-blue-700:hover {
+  --gradient-to-color: #2b6cb0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-blue-800:hover {
+  --gradient-to-color: #2c5282 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-blue-900:hover {
+  --gradient-to-color: #2a4365 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-indigo-100:hover {
+  --gradient-to-color: #ebf4ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-indigo-200:hover {
+  --gradient-to-color: #c3dafe !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-indigo-300:hover {
+  --gradient-to-color: #a3bffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-indigo-400:hover {
+  --gradient-to-color: #7f9cf5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-indigo-500:hover {
+  --gradient-to-color: #667eea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-indigo-600:hover {
+  --gradient-to-color: #5a67d8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-indigo-700:hover {
+  --gradient-to-color: #4c51bf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-indigo-800:hover {
+  --gradient-to-color: #434190 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-indigo-900:hover {
+  --gradient-to-color: #3c366b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-purple-100:hover {
+  --gradient-to-color: #faf5ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-purple-200:hover {
+  --gradient-to-color: #e9d8fd !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-purple-300:hover {
+  --gradient-to-color: #d6bcfa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-purple-400:hover {
+  --gradient-to-color: #b794f4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-purple-500:hover {
+  --gradient-to-color: #9f7aea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-purple-600:hover {
+  --gradient-to-color: #805ad5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-purple-700:hover {
+  --gradient-to-color: #6b46c1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-purple-800:hover {
+  --gradient-to-color: #553c9a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-purple-900:hover {
+  --gradient-to-color: #44337a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-pink-100:hover {
+  --gradient-to-color: #fff5f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-pink-200:hover {
+  --gradient-to-color: #fed7e2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-pink-300:hover {
+  --gradient-to-color: #fbb6ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-pink-400:hover {
+  --gradient-to-color: #f687b3 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-pink-500:hover {
+  --gradient-to-color: #ed64a6 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-pink-600:hover {
+  --gradient-to-color: #d53f8c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-pink-700:hover {
+  --gradient-to-color: #b83280 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-pink-800:hover {
+  --gradient-to-color: #97266d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-to-pink-900:hover {
+  --gradient-to-color: #702459 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-transparent:hover {
+  --gradient-mid-color: transparent !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-current:hover {
+  --gradient-mid-color: currentColor !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-black:hover {
+  --gradient-mid-color: #000 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-white:hover {
+  --gradient-mid-color: #fff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-gray-100:hover {
+  --gradient-mid-color: #f7fafc !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-gray-200:hover {
+  --gradient-mid-color: #edf2f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-gray-300:hover {
+  --gradient-mid-color: #e2e8f0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-gray-400:hover {
+  --gradient-mid-color: #cbd5e0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-gray-500:hover {
+  --gradient-mid-color: #a0aec0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-gray-600:hover {
+  --gradient-mid-color: #718096 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-gray-700:hover {
+  --gradient-mid-color: #4a5568 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-gray-800:hover {
+  --gradient-mid-color: #2d3748 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-gray-900:hover {
+  --gradient-mid-color: #1a202c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-red-100:hover {
+  --gradient-mid-color: #fff5f5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-red-200:hover {
+  --gradient-mid-color: #fed7d7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-red-300:hover {
+  --gradient-mid-color: #feb2b2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-red-400:hover {
+  --gradient-mid-color: #fc8181 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-red-500:hover {
+  --gradient-mid-color: #f56565 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-red-600:hover {
+  --gradient-mid-color: #e53e3e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-red-700:hover {
+  --gradient-mid-color: #c53030 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-red-800:hover {
+  --gradient-mid-color: #9b2c2c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-red-900:hover {
+  --gradient-mid-color: #742a2a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-orange-100:hover {
+  --gradient-mid-color: #fffaf0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-orange-200:hover {
+  --gradient-mid-color: #feebc8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-orange-300:hover {
+  --gradient-mid-color: #fbd38d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-orange-400:hover {
+  --gradient-mid-color: #f6ad55 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-orange-500:hover {
+  --gradient-mid-color: #ed8936 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-orange-600:hover {
+  --gradient-mid-color: #dd6b20 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-orange-700:hover {
+  --gradient-mid-color: #c05621 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-orange-800:hover {
+  --gradient-mid-color: #9c4221 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-orange-900:hover {
+  --gradient-mid-color: #7b341e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-yellow-100:hover {
+  --gradient-mid-color: #fffff0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-yellow-200:hover {
+  --gradient-mid-color: #fefcbf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-yellow-300:hover {
+  --gradient-mid-color: #faf089 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-yellow-400:hover {
+  --gradient-mid-color: #f6e05e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-yellow-500:hover {
+  --gradient-mid-color: #ecc94b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-yellow-600:hover {
+  --gradient-mid-color: #d69e2e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-yellow-700:hover {
+  --gradient-mid-color: #b7791f !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-yellow-800:hover {
+  --gradient-mid-color: #975a16 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-yellow-900:hover {
+  --gradient-mid-color: #744210 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-green-100:hover {
+  --gradient-mid-color: #f0fff4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-green-200:hover {
+  --gradient-mid-color: #c6f6d5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-green-300:hover {
+  --gradient-mid-color: #9ae6b4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-green-400:hover {
+  --gradient-mid-color: #68d391 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-green-500:hover {
+  --gradient-mid-color: #48bb78 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-green-600:hover {
+  --gradient-mid-color: #38a169 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-green-700:hover {
+  --gradient-mid-color: #2f855a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-green-800:hover {
+  --gradient-mid-color: #276749 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-green-900:hover {
+  --gradient-mid-color: #22543d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-teal-100:hover {
+  --gradient-mid-color: #e6fffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-teal-200:hover {
+  --gradient-mid-color: #b2f5ea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-teal-300:hover {
+  --gradient-mid-color: #81e6d9 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-teal-400:hover {
+  --gradient-mid-color: #4fd1c5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-teal-500:hover {
+  --gradient-mid-color: #38b2ac !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-teal-600:hover {
+  --gradient-mid-color: #319795 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-teal-700:hover {
+  --gradient-mid-color: #2c7a7b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-teal-800:hover {
+  --gradient-mid-color: #285e61 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-teal-900:hover {
+  --gradient-mid-color: #234e52 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-blue-100:hover {
+  --gradient-mid-color: #ebf8ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-blue-200:hover {
+  --gradient-mid-color: #bee3f8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-blue-300:hover {
+  --gradient-mid-color: #90cdf4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-blue-400:hover {
+  --gradient-mid-color: #63b3ed !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-blue-500:hover {
+  --gradient-mid-color: #4299e1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-blue-600:hover {
+  --gradient-mid-color: #3182ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-blue-700:hover {
+  --gradient-mid-color: #2b6cb0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-blue-800:hover {
+  --gradient-mid-color: #2c5282 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-blue-900:hover {
+  --gradient-mid-color: #2a4365 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-indigo-100:hover {
+  --gradient-mid-color: #ebf4ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-indigo-200:hover {
+  --gradient-mid-color: #c3dafe !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-indigo-300:hover {
+  --gradient-mid-color: #a3bffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-indigo-400:hover {
+  --gradient-mid-color: #7f9cf5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-indigo-500:hover {
+  --gradient-mid-color: #667eea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-indigo-600:hover {
+  --gradient-mid-color: #5a67d8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-indigo-700:hover {
+  --gradient-mid-color: #4c51bf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-indigo-800:hover {
+  --gradient-mid-color: #434190 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-indigo-900:hover {
+  --gradient-mid-color: #3c366b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-purple-100:hover {
+  --gradient-mid-color: #faf5ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-purple-200:hover {
+  --gradient-mid-color: #e9d8fd !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-purple-300:hover {
+  --gradient-mid-color: #d6bcfa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-purple-400:hover {
+  --gradient-mid-color: #b794f4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-purple-500:hover {
+  --gradient-mid-color: #9f7aea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-purple-600:hover {
+  --gradient-mid-color: #805ad5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-purple-700:hover {
+  --gradient-mid-color: #6b46c1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-purple-800:hover {
+  --gradient-mid-color: #553c9a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-purple-900:hover {
+  --gradient-mid-color: #44337a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-pink-100:hover {
+  --gradient-mid-color: #fff5f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-pink-200:hover {
+  --gradient-mid-color: #fed7e2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-pink-300:hover {
+  --gradient-mid-color: #fbb6ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-pink-400:hover {
+  --gradient-mid-color: #f687b3 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-pink-500:hover {
+  --gradient-mid-color: #ed64a6 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-pink-600:hover {
+  --gradient-mid-color: #d53f8c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-pink-700:hover {
+  --gradient-mid-color: #b83280 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-pink-800:hover {
+  --gradient-mid-color: #97266d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.hover\:gradient-mid-pink-900:hover {
+  --gradient-mid-color: #702459 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-from-transparent:focus {
+  --gradient-from-color: transparent !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-current:focus {
+  --gradient-from-color: currentColor !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-black:focus {
+  --gradient-from-color: #000 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-white:focus {
+  --gradient-from-color: #fff !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-gray-100:focus {
+  --gradient-from-color: #f7fafc !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-gray-200:focus {
+  --gradient-from-color: #edf2f7 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-gray-300:focus {
+  --gradient-from-color: #e2e8f0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-gray-400:focus {
+  --gradient-from-color: #cbd5e0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-gray-500:focus {
+  --gradient-from-color: #a0aec0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-gray-600:focus {
+  --gradient-from-color: #718096 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-gray-700:focus {
+  --gradient-from-color: #4a5568 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-gray-800:focus {
+  --gradient-from-color: #2d3748 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-gray-900:focus {
+  --gradient-from-color: #1a202c !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-red-100:focus {
+  --gradient-from-color: #fff5f5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-red-200:focus {
+  --gradient-from-color: #fed7d7 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-red-300:focus {
+  --gradient-from-color: #feb2b2 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-red-400:focus {
+  --gradient-from-color: #fc8181 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-red-500:focus {
+  --gradient-from-color: #f56565 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-red-600:focus {
+  --gradient-from-color: #e53e3e !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-red-700:focus {
+  --gradient-from-color: #c53030 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-red-800:focus {
+  --gradient-from-color: #9b2c2c !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-red-900:focus {
+  --gradient-from-color: #742a2a !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-orange-100:focus {
+  --gradient-from-color: #fffaf0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-orange-200:focus {
+  --gradient-from-color: #feebc8 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-orange-300:focus {
+  --gradient-from-color: #fbd38d !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-orange-400:focus {
+  --gradient-from-color: #f6ad55 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-orange-500:focus {
+  --gradient-from-color: #ed8936 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-orange-600:focus {
+  --gradient-from-color: #dd6b20 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-orange-700:focus {
+  --gradient-from-color: #c05621 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-orange-800:focus {
+  --gradient-from-color: #9c4221 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-orange-900:focus {
+  --gradient-from-color: #7b341e !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-yellow-100:focus {
+  --gradient-from-color: #fffff0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-yellow-200:focus {
+  --gradient-from-color: #fefcbf !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-yellow-300:focus {
+  --gradient-from-color: #faf089 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-yellow-400:focus {
+  --gradient-from-color: #f6e05e !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-yellow-500:focus {
+  --gradient-from-color: #ecc94b !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-yellow-600:focus {
+  --gradient-from-color: #d69e2e !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-yellow-700:focus {
+  --gradient-from-color: #b7791f !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-yellow-800:focus {
+  --gradient-from-color: #975a16 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-yellow-900:focus {
+  --gradient-from-color: #744210 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-green-100:focus {
+  --gradient-from-color: #f0fff4 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-green-200:focus {
+  --gradient-from-color: #c6f6d5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-green-300:focus {
+  --gradient-from-color: #9ae6b4 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-green-400:focus {
+  --gradient-from-color: #68d391 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-green-500:focus {
+  --gradient-from-color: #48bb78 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-green-600:focus {
+  --gradient-from-color: #38a169 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-green-700:focus {
+  --gradient-from-color: #2f855a !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-green-800:focus {
+  --gradient-from-color: #276749 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-green-900:focus {
+  --gradient-from-color: #22543d !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-teal-100:focus {
+  --gradient-from-color: #e6fffa !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-teal-200:focus {
+  --gradient-from-color: #b2f5ea !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-teal-300:focus {
+  --gradient-from-color: #81e6d9 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-teal-400:focus {
+  --gradient-from-color: #4fd1c5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-teal-500:focus {
+  --gradient-from-color: #38b2ac !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-teal-600:focus {
+  --gradient-from-color: #319795 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-teal-700:focus {
+  --gradient-from-color: #2c7a7b !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-teal-800:focus {
+  --gradient-from-color: #285e61 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-teal-900:focus {
+  --gradient-from-color: #234e52 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-blue-100:focus {
+  --gradient-from-color: #ebf8ff !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-blue-200:focus {
+  --gradient-from-color: #bee3f8 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-blue-300:focus {
+  --gradient-from-color: #90cdf4 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-blue-400:focus {
+  --gradient-from-color: #63b3ed !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-blue-500:focus {
+  --gradient-from-color: #4299e1 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-blue-600:focus {
+  --gradient-from-color: #3182ce !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-blue-700:focus {
+  --gradient-from-color: #2b6cb0 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-blue-800:focus {
+  --gradient-from-color: #2c5282 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-blue-900:focus {
+  --gradient-from-color: #2a4365 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-indigo-100:focus {
+  --gradient-from-color: #ebf4ff !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-indigo-200:focus {
+  --gradient-from-color: #c3dafe !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-indigo-300:focus {
+  --gradient-from-color: #a3bffa !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-indigo-400:focus {
+  --gradient-from-color: #7f9cf5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-indigo-500:focus {
+  --gradient-from-color: #667eea !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-indigo-600:focus {
+  --gradient-from-color: #5a67d8 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-indigo-700:focus {
+  --gradient-from-color: #4c51bf !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-indigo-800:focus {
+  --gradient-from-color: #434190 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-indigo-900:focus {
+  --gradient-from-color: #3c366b !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-purple-100:focus {
+  --gradient-from-color: #faf5ff !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-purple-200:focus {
+  --gradient-from-color: #e9d8fd !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-purple-300:focus {
+  --gradient-from-color: #d6bcfa !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-purple-400:focus {
+  --gradient-from-color: #b794f4 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-purple-500:focus {
+  --gradient-from-color: #9f7aea !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-purple-600:focus {
+  --gradient-from-color: #805ad5 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-purple-700:focus {
+  --gradient-from-color: #6b46c1 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-purple-800:focus {
+  --gradient-from-color: #553c9a !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-purple-900:focus {
+  --gradient-from-color: #44337a !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-pink-100:focus {
+  --gradient-from-color: #fff5f7 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-pink-200:focus {
+  --gradient-from-color: #fed7e2 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-pink-300:focus {
+  --gradient-from-color: #fbb6ce !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-pink-400:focus {
+  --gradient-from-color: #f687b3 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-pink-500:focus {
+  --gradient-from-color: #ed64a6 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-pink-600:focus {
+  --gradient-from-color: #d53f8c !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-pink-700:focus {
+  --gradient-from-color: #b83280 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-pink-800:focus {
+  --gradient-from-color: #97266d !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-from-pink-900:focus {
+  --gradient-from-color: #702459 !important;
+  --gradient-color-stops: var(--gradient-from-color) !important;
+}
+
+.focus\:gradient-to-transparent:focus {
+  --gradient-to-color: transparent !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-current:focus {
+  --gradient-to-color: currentColor !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-black:focus {
+  --gradient-to-color: #000 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-white:focus {
+  --gradient-to-color: #fff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-gray-100:focus {
+  --gradient-to-color: #f7fafc !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-gray-200:focus {
+  --gradient-to-color: #edf2f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-gray-300:focus {
+  --gradient-to-color: #e2e8f0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-gray-400:focus {
+  --gradient-to-color: #cbd5e0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-gray-500:focus {
+  --gradient-to-color: #a0aec0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-gray-600:focus {
+  --gradient-to-color: #718096 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-gray-700:focus {
+  --gradient-to-color: #4a5568 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-gray-800:focus {
+  --gradient-to-color: #2d3748 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-gray-900:focus {
+  --gradient-to-color: #1a202c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-red-100:focus {
+  --gradient-to-color: #fff5f5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-red-200:focus {
+  --gradient-to-color: #fed7d7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-red-300:focus {
+  --gradient-to-color: #feb2b2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-red-400:focus {
+  --gradient-to-color: #fc8181 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-red-500:focus {
+  --gradient-to-color: #f56565 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-red-600:focus {
+  --gradient-to-color: #e53e3e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-red-700:focus {
+  --gradient-to-color: #c53030 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-red-800:focus {
+  --gradient-to-color: #9b2c2c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-red-900:focus {
+  --gradient-to-color: #742a2a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-orange-100:focus {
+  --gradient-to-color: #fffaf0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-orange-200:focus {
+  --gradient-to-color: #feebc8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-orange-300:focus {
+  --gradient-to-color: #fbd38d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-orange-400:focus {
+  --gradient-to-color: #f6ad55 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-orange-500:focus {
+  --gradient-to-color: #ed8936 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-orange-600:focus {
+  --gradient-to-color: #dd6b20 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-orange-700:focus {
+  --gradient-to-color: #c05621 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-orange-800:focus {
+  --gradient-to-color: #9c4221 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-orange-900:focus {
+  --gradient-to-color: #7b341e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-yellow-100:focus {
+  --gradient-to-color: #fffff0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-yellow-200:focus {
+  --gradient-to-color: #fefcbf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-yellow-300:focus {
+  --gradient-to-color: #faf089 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-yellow-400:focus {
+  --gradient-to-color: #f6e05e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-yellow-500:focus {
+  --gradient-to-color: #ecc94b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-yellow-600:focus {
+  --gradient-to-color: #d69e2e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-yellow-700:focus {
+  --gradient-to-color: #b7791f !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-yellow-800:focus {
+  --gradient-to-color: #975a16 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-yellow-900:focus {
+  --gradient-to-color: #744210 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-green-100:focus {
+  --gradient-to-color: #f0fff4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-green-200:focus {
+  --gradient-to-color: #c6f6d5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-green-300:focus {
+  --gradient-to-color: #9ae6b4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-green-400:focus {
+  --gradient-to-color: #68d391 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-green-500:focus {
+  --gradient-to-color: #48bb78 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-green-600:focus {
+  --gradient-to-color: #38a169 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-green-700:focus {
+  --gradient-to-color: #2f855a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-green-800:focus {
+  --gradient-to-color: #276749 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-green-900:focus {
+  --gradient-to-color: #22543d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-teal-100:focus {
+  --gradient-to-color: #e6fffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-teal-200:focus {
+  --gradient-to-color: #b2f5ea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-teal-300:focus {
+  --gradient-to-color: #81e6d9 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-teal-400:focus {
+  --gradient-to-color: #4fd1c5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-teal-500:focus {
+  --gradient-to-color: #38b2ac !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-teal-600:focus {
+  --gradient-to-color: #319795 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-teal-700:focus {
+  --gradient-to-color: #2c7a7b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-teal-800:focus {
+  --gradient-to-color: #285e61 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-teal-900:focus {
+  --gradient-to-color: #234e52 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-blue-100:focus {
+  --gradient-to-color: #ebf8ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-blue-200:focus {
+  --gradient-to-color: #bee3f8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-blue-300:focus {
+  --gradient-to-color: #90cdf4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-blue-400:focus {
+  --gradient-to-color: #63b3ed !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-blue-500:focus {
+  --gradient-to-color: #4299e1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-blue-600:focus {
+  --gradient-to-color: #3182ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-blue-700:focus {
+  --gradient-to-color: #2b6cb0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-blue-800:focus {
+  --gradient-to-color: #2c5282 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-blue-900:focus {
+  --gradient-to-color: #2a4365 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-indigo-100:focus {
+  --gradient-to-color: #ebf4ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-indigo-200:focus {
+  --gradient-to-color: #c3dafe !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-indigo-300:focus {
+  --gradient-to-color: #a3bffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-indigo-400:focus {
+  --gradient-to-color: #7f9cf5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-indigo-500:focus {
+  --gradient-to-color: #667eea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-indigo-600:focus {
+  --gradient-to-color: #5a67d8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-indigo-700:focus {
+  --gradient-to-color: #4c51bf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-indigo-800:focus {
+  --gradient-to-color: #434190 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-indigo-900:focus {
+  --gradient-to-color: #3c366b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-purple-100:focus {
+  --gradient-to-color: #faf5ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-purple-200:focus {
+  --gradient-to-color: #e9d8fd !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-purple-300:focus {
+  --gradient-to-color: #d6bcfa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-purple-400:focus {
+  --gradient-to-color: #b794f4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-purple-500:focus {
+  --gradient-to-color: #9f7aea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-purple-600:focus {
+  --gradient-to-color: #805ad5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-purple-700:focus {
+  --gradient-to-color: #6b46c1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-purple-800:focus {
+  --gradient-to-color: #553c9a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-purple-900:focus {
+  --gradient-to-color: #44337a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-pink-100:focus {
+  --gradient-to-color: #fff5f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-pink-200:focus {
+  --gradient-to-color: #fed7e2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-pink-300:focus {
+  --gradient-to-color: #fbb6ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-pink-400:focus {
+  --gradient-to-color: #f687b3 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-pink-500:focus {
+  --gradient-to-color: #ed64a6 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-pink-600:focus {
+  --gradient-to-color: #d53f8c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-pink-700:focus {
+  --gradient-to-color: #b83280 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-pink-800:focus {
+  --gradient-to-color: #97266d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-to-pink-900:focus {
+  --gradient-to-color: #702459 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-transparent:focus {
+  --gradient-mid-color: transparent !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-current:focus {
+  --gradient-mid-color: currentColor !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-black:focus {
+  --gradient-mid-color: #000 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-white:focus {
+  --gradient-mid-color: #fff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-gray-100:focus {
+  --gradient-mid-color: #f7fafc !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-gray-200:focus {
+  --gradient-mid-color: #edf2f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-gray-300:focus {
+  --gradient-mid-color: #e2e8f0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-gray-400:focus {
+  --gradient-mid-color: #cbd5e0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-gray-500:focus {
+  --gradient-mid-color: #a0aec0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-gray-600:focus {
+  --gradient-mid-color: #718096 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-gray-700:focus {
+  --gradient-mid-color: #4a5568 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-gray-800:focus {
+  --gradient-mid-color: #2d3748 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-gray-900:focus {
+  --gradient-mid-color: #1a202c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-red-100:focus {
+  --gradient-mid-color: #fff5f5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-red-200:focus {
+  --gradient-mid-color: #fed7d7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-red-300:focus {
+  --gradient-mid-color: #feb2b2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-red-400:focus {
+  --gradient-mid-color: #fc8181 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-red-500:focus {
+  --gradient-mid-color: #f56565 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-red-600:focus {
+  --gradient-mid-color: #e53e3e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-red-700:focus {
+  --gradient-mid-color: #c53030 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-red-800:focus {
+  --gradient-mid-color: #9b2c2c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-red-900:focus {
+  --gradient-mid-color: #742a2a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-orange-100:focus {
+  --gradient-mid-color: #fffaf0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-orange-200:focus {
+  --gradient-mid-color: #feebc8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-orange-300:focus {
+  --gradient-mid-color: #fbd38d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-orange-400:focus {
+  --gradient-mid-color: #f6ad55 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-orange-500:focus {
+  --gradient-mid-color: #ed8936 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-orange-600:focus {
+  --gradient-mid-color: #dd6b20 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-orange-700:focus {
+  --gradient-mid-color: #c05621 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-orange-800:focus {
+  --gradient-mid-color: #9c4221 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-orange-900:focus {
+  --gradient-mid-color: #7b341e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-yellow-100:focus {
+  --gradient-mid-color: #fffff0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-yellow-200:focus {
+  --gradient-mid-color: #fefcbf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-yellow-300:focus {
+  --gradient-mid-color: #faf089 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-yellow-400:focus {
+  --gradient-mid-color: #f6e05e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-yellow-500:focus {
+  --gradient-mid-color: #ecc94b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-yellow-600:focus {
+  --gradient-mid-color: #d69e2e !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-yellow-700:focus {
+  --gradient-mid-color: #b7791f !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-yellow-800:focus {
+  --gradient-mid-color: #975a16 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-yellow-900:focus {
+  --gradient-mid-color: #744210 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-green-100:focus {
+  --gradient-mid-color: #f0fff4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-green-200:focus {
+  --gradient-mid-color: #c6f6d5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-green-300:focus {
+  --gradient-mid-color: #9ae6b4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-green-400:focus {
+  --gradient-mid-color: #68d391 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-green-500:focus {
+  --gradient-mid-color: #48bb78 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-green-600:focus {
+  --gradient-mid-color: #38a169 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-green-700:focus {
+  --gradient-mid-color: #2f855a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-green-800:focus {
+  --gradient-mid-color: #276749 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-green-900:focus {
+  --gradient-mid-color: #22543d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-teal-100:focus {
+  --gradient-mid-color: #e6fffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-teal-200:focus {
+  --gradient-mid-color: #b2f5ea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-teal-300:focus {
+  --gradient-mid-color: #81e6d9 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-teal-400:focus {
+  --gradient-mid-color: #4fd1c5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-teal-500:focus {
+  --gradient-mid-color: #38b2ac !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-teal-600:focus {
+  --gradient-mid-color: #319795 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-teal-700:focus {
+  --gradient-mid-color: #2c7a7b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-teal-800:focus {
+  --gradient-mid-color: #285e61 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-teal-900:focus {
+  --gradient-mid-color: #234e52 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-blue-100:focus {
+  --gradient-mid-color: #ebf8ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-blue-200:focus {
+  --gradient-mid-color: #bee3f8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-blue-300:focus {
+  --gradient-mid-color: #90cdf4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-blue-400:focus {
+  --gradient-mid-color: #63b3ed !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-blue-500:focus {
+  --gradient-mid-color: #4299e1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-blue-600:focus {
+  --gradient-mid-color: #3182ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-blue-700:focus {
+  --gradient-mid-color: #2b6cb0 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-blue-800:focus {
+  --gradient-mid-color: #2c5282 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-blue-900:focus {
+  --gradient-mid-color: #2a4365 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-indigo-100:focus {
+  --gradient-mid-color: #ebf4ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-indigo-200:focus {
+  --gradient-mid-color: #c3dafe !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-indigo-300:focus {
+  --gradient-mid-color: #a3bffa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-indigo-400:focus {
+  --gradient-mid-color: #7f9cf5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-indigo-500:focus {
+  --gradient-mid-color: #667eea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-indigo-600:focus {
+  --gradient-mid-color: #5a67d8 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-indigo-700:focus {
+  --gradient-mid-color: #4c51bf !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-indigo-800:focus {
+  --gradient-mid-color: #434190 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-indigo-900:focus {
+  --gradient-mid-color: #3c366b !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-purple-100:focus {
+  --gradient-mid-color: #faf5ff !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-purple-200:focus {
+  --gradient-mid-color: #e9d8fd !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-purple-300:focus {
+  --gradient-mid-color: #d6bcfa !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-purple-400:focus {
+  --gradient-mid-color: #b794f4 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-purple-500:focus {
+  --gradient-mid-color: #9f7aea !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-purple-600:focus {
+  --gradient-mid-color: #805ad5 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-purple-700:focus {
+  --gradient-mid-color: #6b46c1 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-purple-800:focus {
+  --gradient-mid-color: #553c9a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-purple-900:focus {
+  --gradient-mid-color: #44337a !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-pink-100:focus {
+  --gradient-mid-color: #fff5f7 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-pink-200:focus {
+  --gradient-mid-color: #fed7e2 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-pink-300:focus {
+  --gradient-mid-color: #fbb6ce !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-pink-400:focus {
+  --gradient-mid-color: #f687b3 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-pink-500:focus {
+  --gradient-mid-color: #ed64a6 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-pink-600:focus {
+  --gradient-mid-color: #d53f8c !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-pink-700:focus {
+  --gradient-mid-color: #b83280 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-pink-800:focus {
+  --gradient-mid-color: #97266d !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
+.focus\:gradient-mid-pink-900:focus {
+  --gradient-mid-color: #702459 !important;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+}
+
 .bg-opacity-0 {
   --bg-opacity: 0 !important;
 }
@@ -17525,6 +21771,4252 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
+  .sm\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops)) !important;
+  }
+
+  .sm\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops)) !important;
+  }
+
+  .sm\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops)) !important;
+  }
+
+  .sm\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops)) !important;
+  }
+
+  .sm\:gradient-from-transparent {
+    --gradient-from-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-current {
+    --gradient-from-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-black {
+    --gradient-from-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-white {
+    --gradient-from-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-gray-100 {
+    --gradient-from-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-gray-200 {
+    --gradient-from-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-gray-300 {
+    --gradient-from-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-gray-400 {
+    --gradient-from-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-gray-500 {
+    --gradient-from-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-gray-600 {
+    --gradient-from-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-gray-700 {
+    --gradient-from-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-gray-800 {
+    --gradient-from-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-gray-900 {
+    --gradient-from-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-red-100 {
+    --gradient-from-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-red-200 {
+    --gradient-from-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-red-300 {
+    --gradient-from-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-red-400 {
+    --gradient-from-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-red-500 {
+    --gradient-from-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-red-600 {
+    --gradient-from-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-red-700 {
+    --gradient-from-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-red-800 {
+    --gradient-from-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-red-900 {
+    --gradient-from-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-orange-100 {
+    --gradient-from-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-orange-200 {
+    --gradient-from-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-orange-300 {
+    --gradient-from-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-orange-400 {
+    --gradient-from-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-orange-500 {
+    --gradient-from-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-orange-600 {
+    --gradient-from-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-orange-700 {
+    --gradient-from-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-orange-800 {
+    --gradient-from-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-orange-900 {
+    --gradient-from-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-yellow-100 {
+    --gradient-from-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-yellow-200 {
+    --gradient-from-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-yellow-300 {
+    --gradient-from-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-yellow-400 {
+    --gradient-from-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-yellow-500 {
+    --gradient-from-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-yellow-600 {
+    --gradient-from-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-yellow-700 {
+    --gradient-from-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-yellow-800 {
+    --gradient-from-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-yellow-900 {
+    --gradient-from-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-green-100 {
+    --gradient-from-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-green-200 {
+    --gradient-from-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-green-300 {
+    --gradient-from-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-green-400 {
+    --gradient-from-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-green-500 {
+    --gradient-from-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-green-600 {
+    --gradient-from-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-green-700 {
+    --gradient-from-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-green-800 {
+    --gradient-from-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-green-900 {
+    --gradient-from-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-teal-100 {
+    --gradient-from-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-teal-200 {
+    --gradient-from-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-teal-300 {
+    --gradient-from-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-teal-400 {
+    --gradient-from-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-teal-500 {
+    --gradient-from-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-teal-600 {
+    --gradient-from-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-teal-700 {
+    --gradient-from-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-teal-800 {
+    --gradient-from-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-teal-900 {
+    --gradient-from-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-blue-100 {
+    --gradient-from-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-blue-200 {
+    --gradient-from-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-blue-300 {
+    --gradient-from-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-blue-400 {
+    --gradient-from-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-blue-500 {
+    --gradient-from-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-blue-600 {
+    --gradient-from-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-blue-700 {
+    --gradient-from-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-blue-800 {
+    --gradient-from-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-blue-900 {
+    --gradient-from-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-indigo-100 {
+    --gradient-from-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-indigo-200 {
+    --gradient-from-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-indigo-300 {
+    --gradient-from-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-indigo-400 {
+    --gradient-from-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-indigo-500 {
+    --gradient-from-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-indigo-600 {
+    --gradient-from-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-indigo-700 {
+    --gradient-from-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-indigo-800 {
+    --gradient-from-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-indigo-900 {
+    --gradient-from-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-purple-100 {
+    --gradient-from-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-purple-200 {
+    --gradient-from-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-purple-300 {
+    --gradient-from-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-purple-400 {
+    --gradient-from-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-purple-500 {
+    --gradient-from-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-purple-600 {
+    --gradient-from-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-purple-700 {
+    --gradient-from-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-purple-800 {
+    --gradient-from-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-purple-900 {
+    --gradient-from-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-pink-100 {
+    --gradient-from-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-pink-200 {
+    --gradient-from-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-pink-300 {
+    --gradient-from-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-pink-400 {
+    --gradient-from-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-pink-500 {
+    --gradient-from-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-pink-600 {
+    --gradient-from-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-pink-700 {
+    --gradient-from-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-pink-800 {
+    --gradient-from-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-from-pink-900 {
+    --gradient-from-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:gradient-to-transparent {
+    --gradient-to-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-current {
+    --gradient-to-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-black {
+    --gradient-to-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-white {
+    --gradient-to-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-gray-100 {
+    --gradient-to-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-gray-200 {
+    --gradient-to-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-gray-300 {
+    --gradient-to-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-gray-400 {
+    --gradient-to-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-gray-500 {
+    --gradient-to-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-gray-600 {
+    --gradient-to-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-gray-700 {
+    --gradient-to-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-gray-800 {
+    --gradient-to-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-gray-900 {
+    --gradient-to-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-red-100 {
+    --gradient-to-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-red-200 {
+    --gradient-to-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-red-300 {
+    --gradient-to-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-red-400 {
+    --gradient-to-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-red-500 {
+    --gradient-to-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-red-600 {
+    --gradient-to-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-red-700 {
+    --gradient-to-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-red-800 {
+    --gradient-to-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-red-900 {
+    --gradient-to-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-orange-100 {
+    --gradient-to-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-orange-200 {
+    --gradient-to-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-orange-300 {
+    --gradient-to-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-orange-400 {
+    --gradient-to-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-orange-500 {
+    --gradient-to-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-orange-600 {
+    --gradient-to-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-orange-700 {
+    --gradient-to-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-orange-800 {
+    --gradient-to-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-orange-900 {
+    --gradient-to-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-yellow-100 {
+    --gradient-to-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-yellow-200 {
+    --gradient-to-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-yellow-300 {
+    --gradient-to-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-yellow-400 {
+    --gradient-to-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-yellow-500 {
+    --gradient-to-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-yellow-600 {
+    --gradient-to-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-yellow-700 {
+    --gradient-to-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-yellow-800 {
+    --gradient-to-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-yellow-900 {
+    --gradient-to-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-green-100 {
+    --gradient-to-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-green-200 {
+    --gradient-to-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-green-300 {
+    --gradient-to-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-green-400 {
+    --gradient-to-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-green-500 {
+    --gradient-to-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-green-600 {
+    --gradient-to-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-green-700 {
+    --gradient-to-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-green-800 {
+    --gradient-to-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-green-900 {
+    --gradient-to-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-teal-100 {
+    --gradient-to-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-teal-200 {
+    --gradient-to-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-teal-300 {
+    --gradient-to-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-teal-400 {
+    --gradient-to-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-teal-500 {
+    --gradient-to-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-teal-600 {
+    --gradient-to-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-teal-700 {
+    --gradient-to-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-teal-800 {
+    --gradient-to-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-teal-900 {
+    --gradient-to-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-blue-100 {
+    --gradient-to-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-blue-200 {
+    --gradient-to-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-blue-300 {
+    --gradient-to-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-blue-400 {
+    --gradient-to-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-blue-500 {
+    --gradient-to-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-blue-600 {
+    --gradient-to-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-blue-700 {
+    --gradient-to-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-blue-800 {
+    --gradient-to-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-blue-900 {
+    --gradient-to-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-indigo-100 {
+    --gradient-to-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-indigo-200 {
+    --gradient-to-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-indigo-300 {
+    --gradient-to-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-indigo-400 {
+    --gradient-to-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-indigo-500 {
+    --gradient-to-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-indigo-600 {
+    --gradient-to-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-indigo-700 {
+    --gradient-to-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-indigo-800 {
+    --gradient-to-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-indigo-900 {
+    --gradient-to-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-purple-100 {
+    --gradient-to-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-purple-200 {
+    --gradient-to-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-purple-300 {
+    --gradient-to-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-purple-400 {
+    --gradient-to-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-purple-500 {
+    --gradient-to-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-purple-600 {
+    --gradient-to-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-purple-700 {
+    --gradient-to-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-purple-800 {
+    --gradient-to-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-purple-900 {
+    --gradient-to-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-pink-100 {
+    --gradient-to-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-pink-200 {
+    --gradient-to-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-pink-300 {
+    --gradient-to-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-pink-400 {
+    --gradient-to-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-pink-500 {
+    --gradient-to-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-pink-600 {
+    --gradient-to-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-pink-700 {
+    --gradient-to-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-pink-800 {
+    --gradient-to-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-to-pink-900 {
+    --gradient-to-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-transparent {
+    --gradient-mid-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-current {
+    --gradient-mid-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-black {
+    --gradient-mid-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-white {
+    --gradient-mid-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-gray-200 {
+    --gradient-mid-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-gray-300 {
+    --gradient-mid-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-gray-400 {
+    --gradient-mid-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-gray-500 {
+    --gradient-mid-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-gray-600 {
+    --gradient-mid-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-gray-700 {
+    --gradient-mid-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-gray-800 {
+    --gradient-mid-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-gray-900 {
+    --gradient-mid-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-red-100 {
+    --gradient-mid-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-red-200 {
+    --gradient-mid-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-red-300 {
+    --gradient-mid-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-red-400 {
+    --gradient-mid-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-red-500 {
+    --gradient-mid-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-red-600 {
+    --gradient-mid-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-red-700 {
+    --gradient-mid-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-red-900 {
+    --gradient-mid-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-orange-100 {
+    --gradient-mid-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-orange-200 {
+    --gradient-mid-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-orange-400 {
+    --gradient-mid-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-orange-600 {
+    --gradient-mid-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-orange-700 {
+    --gradient-mid-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-orange-800 {
+    --gradient-mid-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-orange-900 {
+    --gradient-mid-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-green-100 {
+    --gradient-mid-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-green-200 {
+    --gradient-mid-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-green-300 {
+    --gradient-mid-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-green-400 {
+    --gradient-mid-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-green-500 {
+    --gradient-mid-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-green-600 {
+    --gradient-mid-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-green-700 {
+    --gradient-mid-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-green-800 {
+    --gradient-mid-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-green-900 {
+    --gradient-mid-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-teal-100 {
+    --gradient-mid-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-teal-200 {
+    --gradient-mid-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-teal-300 {
+    --gradient-mid-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-teal-400 {
+    --gradient-mid-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-teal-500 {
+    --gradient-mid-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-teal-600 {
+    --gradient-mid-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-teal-700 {
+    --gradient-mid-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-teal-800 {
+    --gradient-mid-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-teal-900 {
+    --gradient-mid-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-blue-100 {
+    --gradient-mid-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-blue-200 {
+    --gradient-mid-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-blue-300 {
+    --gradient-mid-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-blue-400 {
+    --gradient-mid-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-blue-500 {
+    --gradient-mid-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-blue-600 {
+    --gradient-mid-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-blue-700 {
+    --gradient-mid-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-blue-800 {
+    --gradient-mid-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-blue-900 {
+    --gradient-mid-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-purple-100 {
+    --gradient-mid-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-purple-200 {
+    --gradient-mid-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-purple-300 {
+    --gradient-mid-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-purple-400 {
+    --gradient-mid-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-purple-600 {
+    --gradient-mid-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-purple-800 {
+    --gradient-mid-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-purple-900 {
+    --gradient-mid-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-pink-300 {
+    --gradient-mid-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-pink-500 {
+    --gradient-mid-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-pink-700 {
+    --gradient-mid-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-pink-800 {
+    --gradient-mid-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:gradient-mid-pink-900 {
+    --gradient-mid-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .sm\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
   .sm\:bg-opacity-0 {
     --bg-opacity: 0 !important;
   }
@@ -31557,6 +40049,4252 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
+  .md\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops)) !important;
+  }
+
+  .md\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops)) !important;
+  }
+
+  .md\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops)) !important;
+  }
+
+  .md\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops)) !important;
+  }
+
+  .md\:gradient-from-transparent {
+    --gradient-from-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-current {
+    --gradient-from-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-black {
+    --gradient-from-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-white {
+    --gradient-from-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-gray-100 {
+    --gradient-from-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-gray-200 {
+    --gradient-from-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-gray-300 {
+    --gradient-from-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-gray-400 {
+    --gradient-from-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-gray-500 {
+    --gradient-from-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-gray-600 {
+    --gradient-from-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-gray-700 {
+    --gradient-from-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-gray-800 {
+    --gradient-from-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-gray-900 {
+    --gradient-from-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-red-100 {
+    --gradient-from-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-red-200 {
+    --gradient-from-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-red-300 {
+    --gradient-from-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-red-400 {
+    --gradient-from-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-red-500 {
+    --gradient-from-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-red-600 {
+    --gradient-from-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-red-700 {
+    --gradient-from-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-red-800 {
+    --gradient-from-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-red-900 {
+    --gradient-from-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-orange-100 {
+    --gradient-from-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-orange-200 {
+    --gradient-from-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-orange-300 {
+    --gradient-from-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-orange-400 {
+    --gradient-from-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-orange-500 {
+    --gradient-from-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-orange-600 {
+    --gradient-from-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-orange-700 {
+    --gradient-from-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-orange-800 {
+    --gradient-from-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-orange-900 {
+    --gradient-from-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-yellow-100 {
+    --gradient-from-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-yellow-200 {
+    --gradient-from-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-yellow-300 {
+    --gradient-from-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-yellow-400 {
+    --gradient-from-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-yellow-500 {
+    --gradient-from-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-yellow-600 {
+    --gradient-from-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-yellow-700 {
+    --gradient-from-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-yellow-800 {
+    --gradient-from-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-yellow-900 {
+    --gradient-from-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-green-100 {
+    --gradient-from-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-green-200 {
+    --gradient-from-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-green-300 {
+    --gradient-from-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-green-400 {
+    --gradient-from-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-green-500 {
+    --gradient-from-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-green-600 {
+    --gradient-from-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-green-700 {
+    --gradient-from-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-green-800 {
+    --gradient-from-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-green-900 {
+    --gradient-from-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-teal-100 {
+    --gradient-from-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-teal-200 {
+    --gradient-from-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-teal-300 {
+    --gradient-from-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-teal-400 {
+    --gradient-from-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-teal-500 {
+    --gradient-from-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-teal-600 {
+    --gradient-from-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-teal-700 {
+    --gradient-from-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-teal-800 {
+    --gradient-from-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-teal-900 {
+    --gradient-from-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-blue-100 {
+    --gradient-from-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-blue-200 {
+    --gradient-from-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-blue-300 {
+    --gradient-from-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-blue-400 {
+    --gradient-from-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-blue-500 {
+    --gradient-from-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-blue-600 {
+    --gradient-from-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-blue-700 {
+    --gradient-from-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-blue-800 {
+    --gradient-from-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-blue-900 {
+    --gradient-from-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-indigo-100 {
+    --gradient-from-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-indigo-200 {
+    --gradient-from-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-indigo-300 {
+    --gradient-from-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-indigo-400 {
+    --gradient-from-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-indigo-500 {
+    --gradient-from-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-indigo-600 {
+    --gradient-from-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-indigo-700 {
+    --gradient-from-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-indigo-800 {
+    --gradient-from-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-indigo-900 {
+    --gradient-from-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-purple-100 {
+    --gradient-from-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-purple-200 {
+    --gradient-from-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-purple-300 {
+    --gradient-from-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-purple-400 {
+    --gradient-from-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-purple-500 {
+    --gradient-from-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-purple-600 {
+    --gradient-from-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-purple-700 {
+    --gradient-from-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-purple-800 {
+    --gradient-from-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-purple-900 {
+    --gradient-from-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-pink-100 {
+    --gradient-from-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-pink-200 {
+    --gradient-from-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-pink-300 {
+    --gradient-from-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-pink-400 {
+    --gradient-from-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-pink-500 {
+    --gradient-from-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-pink-600 {
+    --gradient-from-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-pink-700 {
+    --gradient-from-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-pink-800 {
+    --gradient-from-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-from-pink-900 {
+    --gradient-from-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:gradient-to-transparent {
+    --gradient-to-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-current {
+    --gradient-to-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-black {
+    --gradient-to-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-white {
+    --gradient-to-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-gray-100 {
+    --gradient-to-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-gray-200 {
+    --gradient-to-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-gray-300 {
+    --gradient-to-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-gray-400 {
+    --gradient-to-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-gray-500 {
+    --gradient-to-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-gray-600 {
+    --gradient-to-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-gray-700 {
+    --gradient-to-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-gray-800 {
+    --gradient-to-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-gray-900 {
+    --gradient-to-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-red-100 {
+    --gradient-to-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-red-200 {
+    --gradient-to-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-red-300 {
+    --gradient-to-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-red-400 {
+    --gradient-to-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-red-500 {
+    --gradient-to-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-red-600 {
+    --gradient-to-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-red-700 {
+    --gradient-to-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-red-800 {
+    --gradient-to-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-red-900 {
+    --gradient-to-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-orange-100 {
+    --gradient-to-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-orange-200 {
+    --gradient-to-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-orange-300 {
+    --gradient-to-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-orange-400 {
+    --gradient-to-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-orange-500 {
+    --gradient-to-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-orange-600 {
+    --gradient-to-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-orange-700 {
+    --gradient-to-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-orange-800 {
+    --gradient-to-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-orange-900 {
+    --gradient-to-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-yellow-100 {
+    --gradient-to-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-yellow-200 {
+    --gradient-to-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-yellow-300 {
+    --gradient-to-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-yellow-400 {
+    --gradient-to-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-yellow-500 {
+    --gradient-to-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-yellow-600 {
+    --gradient-to-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-yellow-700 {
+    --gradient-to-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-yellow-800 {
+    --gradient-to-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-yellow-900 {
+    --gradient-to-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-green-100 {
+    --gradient-to-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-green-200 {
+    --gradient-to-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-green-300 {
+    --gradient-to-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-green-400 {
+    --gradient-to-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-green-500 {
+    --gradient-to-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-green-600 {
+    --gradient-to-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-green-700 {
+    --gradient-to-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-green-800 {
+    --gradient-to-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-green-900 {
+    --gradient-to-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-teal-100 {
+    --gradient-to-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-teal-200 {
+    --gradient-to-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-teal-300 {
+    --gradient-to-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-teal-400 {
+    --gradient-to-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-teal-500 {
+    --gradient-to-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-teal-600 {
+    --gradient-to-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-teal-700 {
+    --gradient-to-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-teal-800 {
+    --gradient-to-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-teal-900 {
+    --gradient-to-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-blue-100 {
+    --gradient-to-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-blue-200 {
+    --gradient-to-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-blue-300 {
+    --gradient-to-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-blue-400 {
+    --gradient-to-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-blue-500 {
+    --gradient-to-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-blue-600 {
+    --gradient-to-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-blue-700 {
+    --gradient-to-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-blue-800 {
+    --gradient-to-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-blue-900 {
+    --gradient-to-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-indigo-100 {
+    --gradient-to-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-indigo-200 {
+    --gradient-to-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-indigo-300 {
+    --gradient-to-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-indigo-400 {
+    --gradient-to-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-indigo-500 {
+    --gradient-to-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-indigo-600 {
+    --gradient-to-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-indigo-700 {
+    --gradient-to-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-indigo-800 {
+    --gradient-to-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-indigo-900 {
+    --gradient-to-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-purple-100 {
+    --gradient-to-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-purple-200 {
+    --gradient-to-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-purple-300 {
+    --gradient-to-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-purple-400 {
+    --gradient-to-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-purple-500 {
+    --gradient-to-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-purple-600 {
+    --gradient-to-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-purple-700 {
+    --gradient-to-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-purple-800 {
+    --gradient-to-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-purple-900 {
+    --gradient-to-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-pink-100 {
+    --gradient-to-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-pink-200 {
+    --gradient-to-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-pink-300 {
+    --gradient-to-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-pink-400 {
+    --gradient-to-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-pink-500 {
+    --gradient-to-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-pink-600 {
+    --gradient-to-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-pink-700 {
+    --gradient-to-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-pink-800 {
+    --gradient-to-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-to-pink-900 {
+    --gradient-to-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-transparent {
+    --gradient-mid-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-current {
+    --gradient-mid-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-black {
+    --gradient-mid-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-white {
+    --gradient-mid-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-gray-200 {
+    --gradient-mid-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-gray-300 {
+    --gradient-mid-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-gray-400 {
+    --gradient-mid-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-gray-500 {
+    --gradient-mid-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-gray-600 {
+    --gradient-mid-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-gray-700 {
+    --gradient-mid-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-gray-800 {
+    --gradient-mid-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-gray-900 {
+    --gradient-mid-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-red-100 {
+    --gradient-mid-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-red-200 {
+    --gradient-mid-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-red-300 {
+    --gradient-mid-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-red-400 {
+    --gradient-mid-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-red-500 {
+    --gradient-mid-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-red-600 {
+    --gradient-mid-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-red-700 {
+    --gradient-mid-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-red-900 {
+    --gradient-mid-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-orange-100 {
+    --gradient-mid-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-orange-200 {
+    --gradient-mid-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-orange-400 {
+    --gradient-mid-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-orange-600 {
+    --gradient-mid-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-orange-700 {
+    --gradient-mid-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-orange-800 {
+    --gradient-mid-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-orange-900 {
+    --gradient-mid-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-green-100 {
+    --gradient-mid-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-green-200 {
+    --gradient-mid-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-green-300 {
+    --gradient-mid-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-green-400 {
+    --gradient-mid-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-green-500 {
+    --gradient-mid-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-green-600 {
+    --gradient-mid-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-green-700 {
+    --gradient-mid-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-green-800 {
+    --gradient-mid-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-green-900 {
+    --gradient-mid-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-teal-100 {
+    --gradient-mid-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-teal-200 {
+    --gradient-mid-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-teal-300 {
+    --gradient-mid-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-teal-400 {
+    --gradient-mid-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-teal-500 {
+    --gradient-mid-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-teal-600 {
+    --gradient-mid-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-teal-700 {
+    --gradient-mid-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-teal-800 {
+    --gradient-mid-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-teal-900 {
+    --gradient-mid-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-blue-100 {
+    --gradient-mid-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-blue-200 {
+    --gradient-mid-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-blue-300 {
+    --gradient-mid-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-blue-400 {
+    --gradient-mid-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-blue-500 {
+    --gradient-mid-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-blue-600 {
+    --gradient-mid-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-blue-700 {
+    --gradient-mid-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-blue-800 {
+    --gradient-mid-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-blue-900 {
+    --gradient-mid-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-purple-100 {
+    --gradient-mid-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-purple-200 {
+    --gradient-mid-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-purple-300 {
+    --gradient-mid-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-purple-400 {
+    --gradient-mid-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-purple-600 {
+    --gradient-mid-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-purple-800 {
+    --gradient-mid-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-purple-900 {
+    --gradient-mid-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-pink-300 {
+    --gradient-mid-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-pink-500 {
+    --gradient-mid-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-pink-700 {
+    --gradient-mid-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-pink-800 {
+    --gradient-mid-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:gradient-mid-pink-900 {
+    --gradient-mid-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .md\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .md\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
   .md\:bg-opacity-0 {
     --bg-opacity: 0 !important;
   }
@@ -45589,6 +58327,4252 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
+  .lg\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops)) !important;
+  }
+
+  .lg\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops)) !important;
+  }
+
+  .lg\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops)) !important;
+  }
+
+  .lg\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops)) !important;
+  }
+
+  .lg\:gradient-from-transparent {
+    --gradient-from-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-current {
+    --gradient-from-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-black {
+    --gradient-from-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-white {
+    --gradient-from-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-gray-100 {
+    --gradient-from-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-gray-200 {
+    --gradient-from-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-gray-300 {
+    --gradient-from-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-gray-400 {
+    --gradient-from-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-gray-500 {
+    --gradient-from-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-gray-600 {
+    --gradient-from-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-gray-700 {
+    --gradient-from-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-gray-800 {
+    --gradient-from-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-gray-900 {
+    --gradient-from-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-red-100 {
+    --gradient-from-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-red-200 {
+    --gradient-from-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-red-300 {
+    --gradient-from-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-red-400 {
+    --gradient-from-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-red-500 {
+    --gradient-from-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-red-600 {
+    --gradient-from-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-red-700 {
+    --gradient-from-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-red-800 {
+    --gradient-from-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-red-900 {
+    --gradient-from-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-orange-100 {
+    --gradient-from-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-orange-200 {
+    --gradient-from-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-orange-300 {
+    --gradient-from-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-orange-400 {
+    --gradient-from-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-orange-500 {
+    --gradient-from-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-orange-600 {
+    --gradient-from-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-orange-700 {
+    --gradient-from-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-orange-800 {
+    --gradient-from-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-orange-900 {
+    --gradient-from-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-yellow-100 {
+    --gradient-from-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-yellow-200 {
+    --gradient-from-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-yellow-300 {
+    --gradient-from-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-yellow-400 {
+    --gradient-from-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-yellow-500 {
+    --gradient-from-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-yellow-600 {
+    --gradient-from-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-yellow-700 {
+    --gradient-from-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-yellow-800 {
+    --gradient-from-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-yellow-900 {
+    --gradient-from-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-green-100 {
+    --gradient-from-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-green-200 {
+    --gradient-from-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-green-300 {
+    --gradient-from-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-green-400 {
+    --gradient-from-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-green-500 {
+    --gradient-from-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-green-600 {
+    --gradient-from-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-green-700 {
+    --gradient-from-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-green-800 {
+    --gradient-from-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-green-900 {
+    --gradient-from-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-teal-100 {
+    --gradient-from-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-teal-200 {
+    --gradient-from-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-teal-300 {
+    --gradient-from-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-teal-400 {
+    --gradient-from-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-teal-500 {
+    --gradient-from-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-teal-600 {
+    --gradient-from-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-teal-700 {
+    --gradient-from-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-teal-800 {
+    --gradient-from-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-teal-900 {
+    --gradient-from-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-blue-100 {
+    --gradient-from-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-blue-200 {
+    --gradient-from-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-blue-300 {
+    --gradient-from-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-blue-400 {
+    --gradient-from-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-blue-500 {
+    --gradient-from-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-blue-600 {
+    --gradient-from-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-blue-700 {
+    --gradient-from-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-blue-800 {
+    --gradient-from-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-blue-900 {
+    --gradient-from-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-indigo-100 {
+    --gradient-from-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-indigo-200 {
+    --gradient-from-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-indigo-300 {
+    --gradient-from-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-indigo-400 {
+    --gradient-from-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-indigo-500 {
+    --gradient-from-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-indigo-600 {
+    --gradient-from-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-indigo-700 {
+    --gradient-from-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-indigo-800 {
+    --gradient-from-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-indigo-900 {
+    --gradient-from-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-purple-100 {
+    --gradient-from-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-purple-200 {
+    --gradient-from-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-purple-300 {
+    --gradient-from-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-purple-400 {
+    --gradient-from-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-purple-500 {
+    --gradient-from-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-purple-600 {
+    --gradient-from-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-purple-700 {
+    --gradient-from-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-purple-800 {
+    --gradient-from-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-purple-900 {
+    --gradient-from-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-pink-100 {
+    --gradient-from-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-pink-200 {
+    --gradient-from-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-pink-300 {
+    --gradient-from-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-pink-400 {
+    --gradient-from-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-pink-500 {
+    --gradient-from-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-pink-600 {
+    --gradient-from-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-pink-700 {
+    --gradient-from-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-pink-800 {
+    --gradient-from-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-from-pink-900 {
+    --gradient-from-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:gradient-to-transparent {
+    --gradient-to-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-current {
+    --gradient-to-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-black {
+    --gradient-to-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-white {
+    --gradient-to-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-gray-100 {
+    --gradient-to-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-gray-200 {
+    --gradient-to-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-gray-300 {
+    --gradient-to-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-gray-400 {
+    --gradient-to-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-gray-500 {
+    --gradient-to-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-gray-600 {
+    --gradient-to-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-gray-700 {
+    --gradient-to-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-gray-800 {
+    --gradient-to-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-gray-900 {
+    --gradient-to-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-red-100 {
+    --gradient-to-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-red-200 {
+    --gradient-to-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-red-300 {
+    --gradient-to-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-red-400 {
+    --gradient-to-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-red-500 {
+    --gradient-to-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-red-600 {
+    --gradient-to-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-red-700 {
+    --gradient-to-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-red-800 {
+    --gradient-to-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-red-900 {
+    --gradient-to-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-orange-100 {
+    --gradient-to-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-orange-200 {
+    --gradient-to-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-orange-300 {
+    --gradient-to-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-orange-400 {
+    --gradient-to-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-orange-500 {
+    --gradient-to-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-orange-600 {
+    --gradient-to-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-orange-700 {
+    --gradient-to-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-orange-800 {
+    --gradient-to-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-orange-900 {
+    --gradient-to-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-yellow-100 {
+    --gradient-to-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-yellow-200 {
+    --gradient-to-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-yellow-300 {
+    --gradient-to-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-yellow-400 {
+    --gradient-to-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-yellow-500 {
+    --gradient-to-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-yellow-600 {
+    --gradient-to-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-yellow-700 {
+    --gradient-to-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-yellow-800 {
+    --gradient-to-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-yellow-900 {
+    --gradient-to-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-green-100 {
+    --gradient-to-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-green-200 {
+    --gradient-to-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-green-300 {
+    --gradient-to-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-green-400 {
+    --gradient-to-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-green-500 {
+    --gradient-to-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-green-600 {
+    --gradient-to-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-green-700 {
+    --gradient-to-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-green-800 {
+    --gradient-to-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-green-900 {
+    --gradient-to-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-teal-100 {
+    --gradient-to-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-teal-200 {
+    --gradient-to-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-teal-300 {
+    --gradient-to-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-teal-400 {
+    --gradient-to-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-teal-500 {
+    --gradient-to-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-teal-600 {
+    --gradient-to-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-teal-700 {
+    --gradient-to-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-teal-800 {
+    --gradient-to-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-teal-900 {
+    --gradient-to-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-blue-100 {
+    --gradient-to-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-blue-200 {
+    --gradient-to-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-blue-300 {
+    --gradient-to-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-blue-400 {
+    --gradient-to-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-blue-500 {
+    --gradient-to-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-blue-600 {
+    --gradient-to-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-blue-700 {
+    --gradient-to-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-blue-800 {
+    --gradient-to-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-blue-900 {
+    --gradient-to-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-indigo-100 {
+    --gradient-to-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-indigo-200 {
+    --gradient-to-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-indigo-300 {
+    --gradient-to-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-indigo-400 {
+    --gradient-to-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-indigo-500 {
+    --gradient-to-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-indigo-600 {
+    --gradient-to-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-indigo-700 {
+    --gradient-to-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-indigo-800 {
+    --gradient-to-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-indigo-900 {
+    --gradient-to-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-purple-100 {
+    --gradient-to-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-purple-200 {
+    --gradient-to-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-purple-300 {
+    --gradient-to-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-purple-400 {
+    --gradient-to-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-purple-500 {
+    --gradient-to-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-purple-600 {
+    --gradient-to-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-purple-700 {
+    --gradient-to-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-purple-800 {
+    --gradient-to-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-purple-900 {
+    --gradient-to-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-pink-100 {
+    --gradient-to-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-pink-200 {
+    --gradient-to-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-pink-300 {
+    --gradient-to-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-pink-400 {
+    --gradient-to-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-pink-500 {
+    --gradient-to-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-pink-600 {
+    --gradient-to-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-pink-700 {
+    --gradient-to-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-pink-800 {
+    --gradient-to-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-to-pink-900 {
+    --gradient-to-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-transparent {
+    --gradient-mid-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-current {
+    --gradient-mid-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-black {
+    --gradient-mid-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-white {
+    --gradient-mid-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-gray-200 {
+    --gradient-mid-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-gray-300 {
+    --gradient-mid-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-gray-400 {
+    --gradient-mid-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-gray-500 {
+    --gradient-mid-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-gray-600 {
+    --gradient-mid-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-gray-700 {
+    --gradient-mid-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-gray-800 {
+    --gradient-mid-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-gray-900 {
+    --gradient-mid-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-red-100 {
+    --gradient-mid-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-red-200 {
+    --gradient-mid-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-red-300 {
+    --gradient-mid-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-red-400 {
+    --gradient-mid-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-red-500 {
+    --gradient-mid-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-red-600 {
+    --gradient-mid-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-red-700 {
+    --gradient-mid-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-red-900 {
+    --gradient-mid-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-orange-100 {
+    --gradient-mid-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-orange-200 {
+    --gradient-mid-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-orange-400 {
+    --gradient-mid-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-orange-600 {
+    --gradient-mid-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-orange-700 {
+    --gradient-mid-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-orange-800 {
+    --gradient-mid-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-orange-900 {
+    --gradient-mid-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-green-100 {
+    --gradient-mid-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-green-200 {
+    --gradient-mid-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-green-300 {
+    --gradient-mid-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-green-400 {
+    --gradient-mid-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-green-500 {
+    --gradient-mid-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-green-600 {
+    --gradient-mid-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-green-700 {
+    --gradient-mid-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-green-800 {
+    --gradient-mid-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-green-900 {
+    --gradient-mid-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-teal-100 {
+    --gradient-mid-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-teal-200 {
+    --gradient-mid-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-teal-300 {
+    --gradient-mid-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-teal-400 {
+    --gradient-mid-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-teal-500 {
+    --gradient-mid-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-teal-600 {
+    --gradient-mid-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-teal-700 {
+    --gradient-mid-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-teal-800 {
+    --gradient-mid-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-teal-900 {
+    --gradient-mid-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-blue-100 {
+    --gradient-mid-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-blue-200 {
+    --gradient-mid-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-blue-300 {
+    --gradient-mid-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-blue-400 {
+    --gradient-mid-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-blue-500 {
+    --gradient-mid-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-blue-600 {
+    --gradient-mid-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-blue-700 {
+    --gradient-mid-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-blue-800 {
+    --gradient-mid-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-blue-900 {
+    --gradient-mid-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-purple-100 {
+    --gradient-mid-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-purple-200 {
+    --gradient-mid-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-purple-300 {
+    --gradient-mid-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-purple-400 {
+    --gradient-mid-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-purple-600 {
+    --gradient-mid-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-purple-800 {
+    --gradient-mid-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-purple-900 {
+    --gradient-mid-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-pink-300 {
+    --gradient-mid-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-pink-500 {
+    --gradient-mid-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-pink-700 {
+    --gradient-mid-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-pink-800 {
+    --gradient-mid-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:gradient-mid-pink-900 {
+    --gradient-mid-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .lg\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
   .lg\:bg-opacity-0 {
     --bg-opacity: 0 !important;
   }
@@ -59621,6 +76605,4252 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
+  .xl\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops)) !important;
+  }
+
+  .xl\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops)) !important;
+  }
+
+  .xl\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops)) !important;
+  }
+
+  .xl\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops)) !important;
+  }
+
+  .xl\:gradient-from-transparent {
+    --gradient-from-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-current {
+    --gradient-from-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-black {
+    --gradient-from-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-white {
+    --gradient-from-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-gray-100 {
+    --gradient-from-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-gray-200 {
+    --gradient-from-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-gray-300 {
+    --gradient-from-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-gray-400 {
+    --gradient-from-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-gray-500 {
+    --gradient-from-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-gray-600 {
+    --gradient-from-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-gray-700 {
+    --gradient-from-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-gray-800 {
+    --gradient-from-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-gray-900 {
+    --gradient-from-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-red-100 {
+    --gradient-from-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-red-200 {
+    --gradient-from-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-red-300 {
+    --gradient-from-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-red-400 {
+    --gradient-from-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-red-500 {
+    --gradient-from-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-red-600 {
+    --gradient-from-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-red-700 {
+    --gradient-from-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-red-800 {
+    --gradient-from-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-red-900 {
+    --gradient-from-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-orange-100 {
+    --gradient-from-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-orange-200 {
+    --gradient-from-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-orange-300 {
+    --gradient-from-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-orange-400 {
+    --gradient-from-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-orange-500 {
+    --gradient-from-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-orange-600 {
+    --gradient-from-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-orange-700 {
+    --gradient-from-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-orange-800 {
+    --gradient-from-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-orange-900 {
+    --gradient-from-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-yellow-100 {
+    --gradient-from-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-yellow-200 {
+    --gradient-from-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-yellow-300 {
+    --gradient-from-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-yellow-400 {
+    --gradient-from-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-yellow-500 {
+    --gradient-from-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-yellow-600 {
+    --gradient-from-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-yellow-700 {
+    --gradient-from-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-yellow-800 {
+    --gradient-from-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-yellow-900 {
+    --gradient-from-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-green-100 {
+    --gradient-from-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-green-200 {
+    --gradient-from-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-green-300 {
+    --gradient-from-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-green-400 {
+    --gradient-from-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-green-500 {
+    --gradient-from-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-green-600 {
+    --gradient-from-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-green-700 {
+    --gradient-from-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-green-800 {
+    --gradient-from-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-green-900 {
+    --gradient-from-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-teal-100 {
+    --gradient-from-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-teal-200 {
+    --gradient-from-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-teal-300 {
+    --gradient-from-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-teal-400 {
+    --gradient-from-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-teal-500 {
+    --gradient-from-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-teal-600 {
+    --gradient-from-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-teal-700 {
+    --gradient-from-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-teal-800 {
+    --gradient-from-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-teal-900 {
+    --gradient-from-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-blue-100 {
+    --gradient-from-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-blue-200 {
+    --gradient-from-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-blue-300 {
+    --gradient-from-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-blue-400 {
+    --gradient-from-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-blue-500 {
+    --gradient-from-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-blue-600 {
+    --gradient-from-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-blue-700 {
+    --gradient-from-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-blue-800 {
+    --gradient-from-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-blue-900 {
+    --gradient-from-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-indigo-100 {
+    --gradient-from-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-indigo-200 {
+    --gradient-from-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-indigo-300 {
+    --gradient-from-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-indigo-400 {
+    --gradient-from-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-indigo-500 {
+    --gradient-from-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-indigo-600 {
+    --gradient-from-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-indigo-700 {
+    --gradient-from-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-indigo-800 {
+    --gradient-from-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-indigo-900 {
+    --gradient-from-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-purple-100 {
+    --gradient-from-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-purple-200 {
+    --gradient-from-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-purple-300 {
+    --gradient-from-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-purple-400 {
+    --gradient-from-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-purple-500 {
+    --gradient-from-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-purple-600 {
+    --gradient-from-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-purple-700 {
+    --gradient-from-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-purple-800 {
+    --gradient-from-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-purple-900 {
+    --gradient-from-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-pink-100 {
+    --gradient-from-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-pink-200 {
+    --gradient-from-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-pink-300 {
+    --gradient-from-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-pink-400 {
+    --gradient-from-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-pink-500 {
+    --gradient-from-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-pink-600 {
+    --gradient-from-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-pink-700 {
+    --gradient-from-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-pink-800 {
+    --gradient-from-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-from-pink-900 {
+    --gradient-from-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:gradient-to-transparent {
+    --gradient-to-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-current {
+    --gradient-to-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-black {
+    --gradient-to-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-white {
+    --gradient-to-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-gray-100 {
+    --gradient-to-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-gray-200 {
+    --gradient-to-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-gray-300 {
+    --gradient-to-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-gray-400 {
+    --gradient-to-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-gray-500 {
+    --gradient-to-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-gray-600 {
+    --gradient-to-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-gray-700 {
+    --gradient-to-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-gray-800 {
+    --gradient-to-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-gray-900 {
+    --gradient-to-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-red-100 {
+    --gradient-to-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-red-200 {
+    --gradient-to-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-red-300 {
+    --gradient-to-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-red-400 {
+    --gradient-to-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-red-500 {
+    --gradient-to-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-red-600 {
+    --gradient-to-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-red-700 {
+    --gradient-to-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-red-800 {
+    --gradient-to-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-red-900 {
+    --gradient-to-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-orange-100 {
+    --gradient-to-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-orange-200 {
+    --gradient-to-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-orange-300 {
+    --gradient-to-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-orange-400 {
+    --gradient-to-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-orange-500 {
+    --gradient-to-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-orange-600 {
+    --gradient-to-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-orange-700 {
+    --gradient-to-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-orange-800 {
+    --gradient-to-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-orange-900 {
+    --gradient-to-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-yellow-100 {
+    --gradient-to-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-yellow-200 {
+    --gradient-to-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-yellow-300 {
+    --gradient-to-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-yellow-400 {
+    --gradient-to-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-yellow-500 {
+    --gradient-to-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-yellow-600 {
+    --gradient-to-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-yellow-700 {
+    --gradient-to-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-yellow-800 {
+    --gradient-to-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-yellow-900 {
+    --gradient-to-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-green-100 {
+    --gradient-to-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-green-200 {
+    --gradient-to-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-green-300 {
+    --gradient-to-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-green-400 {
+    --gradient-to-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-green-500 {
+    --gradient-to-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-green-600 {
+    --gradient-to-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-green-700 {
+    --gradient-to-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-green-800 {
+    --gradient-to-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-green-900 {
+    --gradient-to-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-teal-100 {
+    --gradient-to-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-teal-200 {
+    --gradient-to-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-teal-300 {
+    --gradient-to-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-teal-400 {
+    --gradient-to-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-teal-500 {
+    --gradient-to-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-teal-600 {
+    --gradient-to-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-teal-700 {
+    --gradient-to-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-teal-800 {
+    --gradient-to-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-teal-900 {
+    --gradient-to-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-blue-100 {
+    --gradient-to-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-blue-200 {
+    --gradient-to-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-blue-300 {
+    --gradient-to-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-blue-400 {
+    --gradient-to-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-blue-500 {
+    --gradient-to-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-blue-600 {
+    --gradient-to-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-blue-700 {
+    --gradient-to-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-blue-800 {
+    --gradient-to-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-blue-900 {
+    --gradient-to-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-indigo-100 {
+    --gradient-to-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-indigo-200 {
+    --gradient-to-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-indigo-300 {
+    --gradient-to-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-indigo-400 {
+    --gradient-to-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-indigo-500 {
+    --gradient-to-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-indigo-600 {
+    --gradient-to-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-indigo-700 {
+    --gradient-to-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-indigo-800 {
+    --gradient-to-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-indigo-900 {
+    --gradient-to-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-purple-100 {
+    --gradient-to-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-purple-200 {
+    --gradient-to-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-purple-300 {
+    --gradient-to-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-purple-400 {
+    --gradient-to-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-purple-500 {
+    --gradient-to-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-purple-600 {
+    --gradient-to-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-purple-700 {
+    --gradient-to-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-purple-800 {
+    --gradient-to-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-purple-900 {
+    --gradient-to-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-pink-100 {
+    --gradient-to-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-pink-200 {
+    --gradient-to-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-pink-300 {
+    --gradient-to-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-pink-400 {
+    --gradient-to-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-pink-500 {
+    --gradient-to-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-pink-600 {
+    --gradient-to-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-pink-700 {
+    --gradient-to-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-pink-800 {
+    --gradient-to-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-to-pink-900 {
+    --gradient-to-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-transparent {
+    --gradient-mid-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-current {
+    --gradient-mid-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-black {
+    --gradient-mid-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-white {
+    --gradient-mid-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-gray-200 {
+    --gradient-mid-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-gray-300 {
+    --gradient-mid-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-gray-400 {
+    --gradient-mid-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-gray-500 {
+    --gradient-mid-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-gray-600 {
+    --gradient-mid-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-gray-700 {
+    --gradient-mid-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-gray-800 {
+    --gradient-mid-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-gray-900 {
+    --gradient-mid-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-red-100 {
+    --gradient-mid-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-red-200 {
+    --gradient-mid-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-red-300 {
+    --gradient-mid-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-red-400 {
+    --gradient-mid-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-red-500 {
+    --gradient-mid-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-red-600 {
+    --gradient-mid-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-red-700 {
+    --gradient-mid-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-red-900 {
+    --gradient-mid-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-orange-100 {
+    --gradient-mid-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-orange-200 {
+    --gradient-mid-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-orange-400 {
+    --gradient-mid-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-orange-600 {
+    --gradient-mid-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-orange-700 {
+    --gradient-mid-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-orange-800 {
+    --gradient-mid-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-orange-900 {
+    --gradient-mid-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-green-100 {
+    --gradient-mid-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-green-200 {
+    --gradient-mid-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-green-300 {
+    --gradient-mid-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-green-400 {
+    --gradient-mid-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-green-500 {
+    --gradient-mid-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-green-600 {
+    --gradient-mid-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-green-700 {
+    --gradient-mid-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-green-800 {
+    --gradient-mid-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-green-900 {
+    --gradient-mid-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-teal-100 {
+    --gradient-mid-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-teal-200 {
+    --gradient-mid-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-teal-300 {
+    --gradient-mid-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-teal-400 {
+    --gradient-mid-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-teal-500 {
+    --gradient-mid-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-teal-600 {
+    --gradient-mid-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-teal-700 {
+    --gradient-mid-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-teal-800 {
+    --gradient-mid-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-teal-900 {
+    --gradient-mid-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-blue-100 {
+    --gradient-mid-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-blue-200 {
+    --gradient-mid-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-blue-300 {
+    --gradient-mid-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-blue-400 {
+    --gradient-mid-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-blue-500 {
+    --gradient-mid-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-blue-600 {
+    --gradient-mid-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-blue-700 {
+    --gradient-mid-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-blue-800 {
+    --gradient-mid-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-blue-900 {
+    --gradient-mid-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-purple-100 {
+    --gradient-mid-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-purple-200 {
+    --gradient-mid-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-purple-300 {
+    --gradient-mid-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-purple-400 {
+    --gradient-mid-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-purple-600 {
+    --gradient-mid-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-purple-800 {
+    --gradient-mid-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-purple-900 {
+    --gradient-mid-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-pink-300 {
+    --gradient-mid-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-pink-500 {
+    --gradient-mid-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-pink-700 {
+    --gradient-mid-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-pink-800 {
+    --gradient-mid-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:gradient-mid-pink-900 {
+    --gradient-mid-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #fff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f7fafc !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #edf2f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #e2e8f0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #cbd5e0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #a0aec0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #718096 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #4a5568 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #2d3748 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #1a202c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fff5f5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fed7d7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #feb2b2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #fc8181 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f56565 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e53e3e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c53030 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b2c2c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #742a2a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #fffaf0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #feebc8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fbd38d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #f6ad55 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ed8936 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #dd6b20 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #c05621 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #9c4221 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #7b341e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fffff0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fefcbf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faf089 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #f6e05e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #ecc94b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #d69e2e !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #b7791f !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #975a16 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #744210 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #f0fff4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #c6f6d5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #9ae6b4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #68d391 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #48bb78 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #38a169 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #2f855a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #276749 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #22543d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #e6fffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #b2f5ea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #81e6d9 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #4fd1c5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #38b2ac !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #319795 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #2c7a7b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #285e61 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #234e52 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #ebf8ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #bee3f8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #90cdf4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #63b3ed !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #4299e1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #3182ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #2b6cb0 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #2c5282 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #2a4365 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #ebf4ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #c3dafe !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #a3bffa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #7f9cf5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #667eea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5a67d8 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #4c51bf !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #434190 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #3c366b !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #faf5ff !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #e9d8fd !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #d6bcfa !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #b794f4 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9f7aea !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #805ad5 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6b46c1 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #553c9a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #44337a !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fff5f7 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fed7e2 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #fbb6ce !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f687b3 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #ed64a6 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d53f8c !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #b83280 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #97266d !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
+  .xl\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #702459 !important;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color) !important;
+  }
+
   .xl\:bg-opacity-0 {
     --bg-opacity: 0 !important;
   }
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
index ae0fcf3c2..5714d1724 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -2707,6 +2707,4252 @@ video {
   background-color: #702459;
 }
 
+.bg-gradient-up {
+  background-image: linear-gradient(0deg, var(--gradient-color-stops));
+}
+
+.bg-gradient-right {
+  background-image: linear-gradient(90deg, var(--gradient-color-stops));
+}
+
+.bg-gradient-down {
+  background-image: linear-gradient(180deg, var(--gradient-color-stops));
+}
+
+.bg-gradient-left {
+  background-image: linear-gradient(270deg, var(--gradient-color-stops));
+}
+
+.gradient-from-transparent {
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-current {
+  --gradient-from-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-black {
+  --gradient-from-color: #000;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-white {
+  --gradient-from-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-100 {
+  --gradient-from-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-200 {
+  --gradient-from-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-300 {
+  --gradient-from-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-400 {
+  --gradient-from-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-500 {
+  --gradient-from-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-600 {
+  --gradient-from-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-700 {
+  --gradient-from-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-800 {
+  --gradient-from-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-900 {
+  --gradient-from-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-100 {
+  --gradient-from-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-200 {
+  --gradient-from-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-300 {
+  --gradient-from-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-400 {
+  --gradient-from-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-500 {
+  --gradient-from-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-600 {
+  --gradient-from-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-700 {
+  --gradient-from-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-800 {
+  --gradient-from-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-900 {
+  --gradient-from-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-100 {
+  --gradient-from-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-200 {
+  --gradient-from-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-300 {
+  --gradient-from-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-400 {
+  --gradient-from-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-500 {
+  --gradient-from-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-600 {
+  --gradient-from-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-700 {
+  --gradient-from-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-800 {
+  --gradient-from-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-900 {
+  --gradient-from-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-100 {
+  --gradient-from-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-200 {
+  --gradient-from-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-300 {
+  --gradient-from-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-400 {
+  --gradient-from-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-500 {
+  --gradient-from-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-600 {
+  --gradient-from-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-700 {
+  --gradient-from-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-800 {
+  --gradient-from-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-900 {
+  --gradient-from-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-100 {
+  --gradient-from-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-200 {
+  --gradient-from-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-300 {
+  --gradient-from-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-400 {
+  --gradient-from-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-500 {
+  --gradient-from-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-600 {
+  --gradient-from-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-700 {
+  --gradient-from-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-800 {
+  --gradient-from-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-900 {
+  --gradient-from-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-100 {
+  --gradient-from-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-200 {
+  --gradient-from-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-300 {
+  --gradient-from-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-400 {
+  --gradient-from-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-500 {
+  --gradient-from-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-600 {
+  --gradient-from-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-700 {
+  --gradient-from-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-800 {
+  --gradient-from-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-900 {
+  --gradient-from-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-100 {
+  --gradient-from-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-200 {
+  --gradient-from-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-300 {
+  --gradient-from-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-400 {
+  --gradient-from-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-500 {
+  --gradient-from-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-600 {
+  --gradient-from-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-700 {
+  --gradient-from-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-800 {
+  --gradient-from-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-900 {
+  --gradient-from-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-100 {
+  --gradient-from-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-200 {
+  --gradient-from-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-300 {
+  --gradient-from-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-400 {
+  --gradient-from-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-500 {
+  --gradient-from-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-600 {
+  --gradient-from-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-700 {
+  --gradient-from-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-800 {
+  --gradient-from-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-900 {
+  --gradient-from-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-100 {
+  --gradient-from-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-200 {
+  --gradient-from-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-300 {
+  --gradient-from-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-400 {
+  --gradient-from-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-500 {
+  --gradient-from-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-600 {
+  --gradient-from-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-700 {
+  --gradient-from-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-800 {
+  --gradient-from-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-900 {
+  --gradient-from-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-100 {
+  --gradient-from-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-200 {
+  --gradient-from-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-300 {
+  --gradient-from-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-400 {
+  --gradient-from-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-500 {
+  --gradient-from-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-600 {
+  --gradient-from-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-700 {
+  --gradient-from-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-800 {
+  --gradient-from-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-900 {
+  --gradient-from-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-to-transparent {
+  --gradient-to-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-current {
+  --gradient-to-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-black {
+  --gradient-to-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-white {
+  --gradient-to-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-100 {
+  --gradient-to-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-200 {
+  --gradient-to-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-300 {
+  --gradient-to-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-400 {
+  --gradient-to-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-500 {
+  --gradient-to-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-600 {
+  --gradient-to-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-700 {
+  --gradient-to-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-800 {
+  --gradient-to-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-900 {
+  --gradient-to-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-100 {
+  --gradient-to-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-200 {
+  --gradient-to-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-300 {
+  --gradient-to-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-400 {
+  --gradient-to-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-500 {
+  --gradient-to-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-600 {
+  --gradient-to-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-700 {
+  --gradient-to-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-800 {
+  --gradient-to-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-900 {
+  --gradient-to-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-100 {
+  --gradient-to-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-200 {
+  --gradient-to-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-300 {
+  --gradient-to-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-400 {
+  --gradient-to-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-500 {
+  --gradient-to-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-600 {
+  --gradient-to-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-700 {
+  --gradient-to-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-800 {
+  --gradient-to-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-900 {
+  --gradient-to-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-100 {
+  --gradient-to-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-200 {
+  --gradient-to-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-300 {
+  --gradient-to-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-400 {
+  --gradient-to-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-500 {
+  --gradient-to-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-600 {
+  --gradient-to-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-700 {
+  --gradient-to-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-800 {
+  --gradient-to-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-900 {
+  --gradient-to-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-100 {
+  --gradient-to-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-200 {
+  --gradient-to-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-300 {
+  --gradient-to-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-400 {
+  --gradient-to-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-500 {
+  --gradient-to-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-600 {
+  --gradient-to-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-700 {
+  --gradient-to-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-800 {
+  --gradient-to-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-900 {
+  --gradient-to-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-100 {
+  --gradient-to-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-200 {
+  --gradient-to-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-300 {
+  --gradient-to-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-400 {
+  --gradient-to-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-500 {
+  --gradient-to-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-600 {
+  --gradient-to-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-700 {
+  --gradient-to-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-800 {
+  --gradient-to-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-900 {
+  --gradient-to-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-100 {
+  --gradient-to-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-200 {
+  --gradient-to-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-300 {
+  --gradient-to-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-400 {
+  --gradient-to-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-500 {
+  --gradient-to-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-600 {
+  --gradient-to-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-700 {
+  --gradient-to-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-800 {
+  --gradient-to-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-900 {
+  --gradient-to-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-100 {
+  --gradient-to-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-200 {
+  --gradient-to-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-300 {
+  --gradient-to-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-400 {
+  --gradient-to-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-500 {
+  --gradient-to-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-600 {
+  --gradient-to-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-700 {
+  --gradient-to-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-800 {
+  --gradient-to-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-900 {
+  --gradient-to-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-100 {
+  --gradient-to-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-200 {
+  --gradient-to-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-300 {
+  --gradient-to-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-400 {
+  --gradient-to-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-500 {
+  --gradient-to-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-600 {
+  --gradient-to-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-700 {
+  --gradient-to-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-800 {
+  --gradient-to-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-900 {
+  --gradient-to-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-100 {
+  --gradient-to-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-200 {
+  --gradient-to-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-300 {
+  --gradient-to-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-400 {
+  --gradient-to-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-500 {
+  --gradient-to-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-600 {
+  --gradient-to-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-700 {
+  --gradient-to-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-800 {
+  --gradient-to-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-900 {
+  --gradient-to-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-mid-transparent {
+  --gradient-mid-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-current {
+  --gradient-mid-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-black {
+  --gradient-mid-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-white {
+  --gradient-mid-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-100 {
+  --gradient-mid-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-200 {
+  --gradient-mid-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-300 {
+  --gradient-mid-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-400 {
+  --gradient-mid-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-500 {
+  --gradient-mid-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-600 {
+  --gradient-mid-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-700 {
+  --gradient-mid-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-800 {
+  --gradient-mid-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-900 {
+  --gradient-mid-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-100 {
+  --gradient-mid-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-200 {
+  --gradient-mid-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-300 {
+  --gradient-mid-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-400 {
+  --gradient-mid-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-500 {
+  --gradient-mid-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-600 {
+  --gradient-mid-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-700 {
+  --gradient-mid-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-800 {
+  --gradient-mid-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-900 {
+  --gradient-mid-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-100 {
+  --gradient-mid-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-200 {
+  --gradient-mid-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-300 {
+  --gradient-mid-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-400 {
+  --gradient-mid-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-500 {
+  --gradient-mid-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-600 {
+  --gradient-mid-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-700 {
+  --gradient-mid-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-800 {
+  --gradient-mid-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-900 {
+  --gradient-mid-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-100 {
+  --gradient-mid-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-200 {
+  --gradient-mid-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-300 {
+  --gradient-mid-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-400 {
+  --gradient-mid-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-500 {
+  --gradient-mid-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-600 {
+  --gradient-mid-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-700 {
+  --gradient-mid-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-800 {
+  --gradient-mid-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-900 {
+  --gradient-mid-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-100 {
+  --gradient-mid-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-200 {
+  --gradient-mid-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-300 {
+  --gradient-mid-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-400 {
+  --gradient-mid-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-500 {
+  --gradient-mid-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-600 {
+  --gradient-mid-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-700 {
+  --gradient-mid-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-800 {
+  --gradient-mid-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-900 {
+  --gradient-mid-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-100 {
+  --gradient-mid-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-200 {
+  --gradient-mid-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-300 {
+  --gradient-mid-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-400 {
+  --gradient-mid-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-500 {
+  --gradient-mid-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-600 {
+  --gradient-mid-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-700 {
+  --gradient-mid-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-800 {
+  --gradient-mid-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-900 {
+  --gradient-mid-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-100 {
+  --gradient-mid-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-200 {
+  --gradient-mid-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-300 {
+  --gradient-mid-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-400 {
+  --gradient-mid-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-500 {
+  --gradient-mid-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-600 {
+  --gradient-mid-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-700 {
+  --gradient-mid-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-800 {
+  --gradient-mid-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-900 {
+  --gradient-mid-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-100 {
+  --gradient-mid-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-200 {
+  --gradient-mid-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-300 {
+  --gradient-mid-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-400 {
+  --gradient-mid-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-500 {
+  --gradient-mid-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-600 {
+  --gradient-mid-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-700 {
+  --gradient-mid-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-800 {
+  --gradient-mid-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-900 {
+  --gradient-mid-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-100 {
+  --gradient-mid-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-200 {
+  --gradient-mid-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-300 {
+  --gradient-mid-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-400 {
+  --gradient-mid-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-500 {
+  --gradient-mid-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-600 {
+  --gradient-mid-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-700 {
+  --gradient-mid-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-800 {
+  --gradient-mid-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-900 {
+  --gradient-mid-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-100 {
+  --gradient-mid-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-200 {
+  --gradient-mid-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-300 {
+  --gradient-mid-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-400 {
+  --gradient-mid-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-500 {
+  --gradient-mid-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-600 {
+  --gradient-mid-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-700 {
+  --gradient-mid-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-800 {
+  --gradient-mid-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-900 {
+  --gradient-mid-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-from-transparent:hover {
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-current:hover {
+  --gradient-from-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-black:hover {
+  --gradient-from-color: #000;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-white:hover {
+  --gradient-from-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-100:hover {
+  --gradient-from-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-200:hover {
+  --gradient-from-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-300:hover {
+  --gradient-from-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-400:hover {
+  --gradient-from-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-500:hover {
+  --gradient-from-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-600:hover {
+  --gradient-from-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-700:hover {
+  --gradient-from-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-800:hover {
+  --gradient-from-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-900:hover {
+  --gradient-from-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-100:hover {
+  --gradient-from-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-200:hover {
+  --gradient-from-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-300:hover {
+  --gradient-from-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-400:hover {
+  --gradient-from-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-500:hover {
+  --gradient-from-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-600:hover {
+  --gradient-from-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-700:hover {
+  --gradient-from-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-800:hover {
+  --gradient-from-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-900:hover {
+  --gradient-from-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-100:hover {
+  --gradient-from-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-200:hover {
+  --gradient-from-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-300:hover {
+  --gradient-from-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-400:hover {
+  --gradient-from-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-500:hover {
+  --gradient-from-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-600:hover {
+  --gradient-from-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-700:hover {
+  --gradient-from-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-800:hover {
+  --gradient-from-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-900:hover {
+  --gradient-from-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-100:hover {
+  --gradient-from-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-200:hover {
+  --gradient-from-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-300:hover {
+  --gradient-from-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-400:hover {
+  --gradient-from-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-500:hover {
+  --gradient-from-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-600:hover {
+  --gradient-from-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-700:hover {
+  --gradient-from-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-800:hover {
+  --gradient-from-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-900:hover {
+  --gradient-from-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-100:hover {
+  --gradient-from-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-200:hover {
+  --gradient-from-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-300:hover {
+  --gradient-from-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-400:hover {
+  --gradient-from-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-500:hover {
+  --gradient-from-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-600:hover {
+  --gradient-from-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-700:hover {
+  --gradient-from-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-800:hover {
+  --gradient-from-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-900:hover {
+  --gradient-from-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-100:hover {
+  --gradient-from-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-200:hover {
+  --gradient-from-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-300:hover {
+  --gradient-from-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-400:hover {
+  --gradient-from-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-500:hover {
+  --gradient-from-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-600:hover {
+  --gradient-from-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-700:hover {
+  --gradient-from-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-800:hover {
+  --gradient-from-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-900:hover {
+  --gradient-from-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-100:hover {
+  --gradient-from-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-200:hover {
+  --gradient-from-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-300:hover {
+  --gradient-from-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-400:hover {
+  --gradient-from-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-500:hover {
+  --gradient-from-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-600:hover {
+  --gradient-from-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-700:hover {
+  --gradient-from-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-800:hover {
+  --gradient-from-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-900:hover {
+  --gradient-from-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-100:hover {
+  --gradient-from-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-200:hover {
+  --gradient-from-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-300:hover {
+  --gradient-from-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-400:hover {
+  --gradient-from-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-500:hover {
+  --gradient-from-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-600:hover {
+  --gradient-from-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-700:hover {
+  --gradient-from-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-800:hover {
+  --gradient-from-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-900:hover {
+  --gradient-from-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-100:hover {
+  --gradient-from-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-200:hover {
+  --gradient-from-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-300:hover {
+  --gradient-from-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-400:hover {
+  --gradient-from-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-500:hover {
+  --gradient-from-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-600:hover {
+  --gradient-from-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-700:hover {
+  --gradient-from-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-800:hover {
+  --gradient-from-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-900:hover {
+  --gradient-from-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-100:hover {
+  --gradient-from-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-200:hover {
+  --gradient-from-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-300:hover {
+  --gradient-from-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-400:hover {
+  --gradient-from-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-500:hover {
+  --gradient-from-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-600:hover {
+  --gradient-from-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-700:hover {
+  --gradient-from-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-800:hover {
+  --gradient-from-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-900:hover {
+  --gradient-from-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-to-transparent:hover {
+  --gradient-to-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-current:hover {
+  --gradient-to-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-black:hover {
+  --gradient-to-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-white:hover {
+  --gradient-to-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-100:hover {
+  --gradient-to-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-200:hover {
+  --gradient-to-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-300:hover {
+  --gradient-to-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-400:hover {
+  --gradient-to-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-500:hover {
+  --gradient-to-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-600:hover {
+  --gradient-to-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-700:hover {
+  --gradient-to-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-800:hover {
+  --gradient-to-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-900:hover {
+  --gradient-to-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-100:hover {
+  --gradient-to-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-200:hover {
+  --gradient-to-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-300:hover {
+  --gradient-to-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-400:hover {
+  --gradient-to-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-500:hover {
+  --gradient-to-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-600:hover {
+  --gradient-to-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-700:hover {
+  --gradient-to-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-800:hover {
+  --gradient-to-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-900:hover {
+  --gradient-to-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-100:hover {
+  --gradient-to-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-200:hover {
+  --gradient-to-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-300:hover {
+  --gradient-to-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-400:hover {
+  --gradient-to-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-500:hover {
+  --gradient-to-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-600:hover {
+  --gradient-to-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-700:hover {
+  --gradient-to-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-800:hover {
+  --gradient-to-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-900:hover {
+  --gradient-to-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-100:hover {
+  --gradient-to-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-200:hover {
+  --gradient-to-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-300:hover {
+  --gradient-to-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-400:hover {
+  --gradient-to-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-500:hover {
+  --gradient-to-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-600:hover {
+  --gradient-to-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-700:hover {
+  --gradient-to-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-800:hover {
+  --gradient-to-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-900:hover {
+  --gradient-to-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-100:hover {
+  --gradient-to-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-200:hover {
+  --gradient-to-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-300:hover {
+  --gradient-to-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-400:hover {
+  --gradient-to-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-500:hover {
+  --gradient-to-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-600:hover {
+  --gradient-to-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-700:hover {
+  --gradient-to-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-800:hover {
+  --gradient-to-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-900:hover {
+  --gradient-to-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-100:hover {
+  --gradient-to-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-200:hover {
+  --gradient-to-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-300:hover {
+  --gradient-to-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-400:hover {
+  --gradient-to-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-500:hover {
+  --gradient-to-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-600:hover {
+  --gradient-to-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-700:hover {
+  --gradient-to-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-800:hover {
+  --gradient-to-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-900:hover {
+  --gradient-to-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-100:hover {
+  --gradient-to-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-200:hover {
+  --gradient-to-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-300:hover {
+  --gradient-to-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-400:hover {
+  --gradient-to-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-500:hover {
+  --gradient-to-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-600:hover {
+  --gradient-to-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-700:hover {
+  --gradient-to-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-800:hover {
+  --gradient-to-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-900:hover {
+  --gradient-to-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-100:hover {
+  --gradient-to-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-200:hover {
+  --gradient-to-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-300:hover {
+  --gradient-to-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-400:hover {
+  --gradient-to-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-500:hover {
+  --gradient-to-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-600:hover {
+  --gradient-to-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-700:hover {
+  --gradient-to-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-800:hover {
+  --gradient-to-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-900:hover {
+  --gradient-to-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-100:hover {
+  --gradient-to-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-200:hover {
+  --gradient-to-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-300:hover {
+  --gradient-to-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-400:hover {
+  --gradient-to-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-500:hover {
+  --gradient-to-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-600:hover {
+  --gradient-to-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-700:hover {
+  --gradient-to-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-800:hover {
+  --gradient-to-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-900:hover {
+  --gradient-to-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-100:hover {
+  --gradient-to-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-200:hover {
+  --gradient-to-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-300:hover {
+  --gradient-to-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-400:hover {
+  --gradient-to-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-500:hover {
+  --gradient-to-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-600:hover {
+  --gradient-to-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-700:hover {
+  --gradient-to-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-800:hover {
+  --gradient-to-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-900:hover {
+  --gradient-to-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-transparent:hover {
+  --gradient-mid-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-current:hover {
+  --gradient-mid-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-black:hover {
+  --gradient-mid-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-white:hover {
+  --gradient-mid-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-100:hover {
+  --gradient-mid-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-200:hover {
+  --gradient-mid-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-300:hover {
+  --gradient-mid-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-400:hover {
+  --gradient-mid-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-500:hover {
+  --gradient-mid-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-600:hover {
+  --gradient-mid-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-700:hover {
+  --gradient-mid-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-800:hover {
+  --gradient-mid-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-900:hover {
+  --gradient-mid-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-100:hover {
+  --gradient-mid-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-200:hover {
+  --gradient-mid-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-300:hover {
+  --gradient-mid-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-400:hover {
+  --gradient-mid-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-500:hover {
+  --gradient-mid-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-600:hover {
+  --gradient-mid-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-700:hover {
+  --gradient-mid-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-800:hover {
+  --gradient-mid-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-900:hover {
+  --gradient-mid-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-100:hover {
+  --gradient-mid-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-200:hover {
+  --gradient-mid-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-300:hover {
+  --gradient-mid-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-400:hover {
+  --gradient-mid-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-500:hover {
+  --gradient-mid-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-600:hover {
+  --gradient-mid-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-700:hover {
+  --gradient-mid-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-800:hover {
+  --gradient-mid-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-900:hover {
+  --gradient-mid-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-100:hover {
+  --gradient-mid-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-200:hover {
+  --gradient-mid-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-300:hover {
+  --gradient-mid-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-400:hover {
+  --gradient-mid-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-500:hover {
+  --gradient-mid-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-600:hover {
+  --gradient-mid-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-700:hover {
+  --gradient-mid-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-800:hover {
+  --gradient-mid-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-900:hover {
+  --gradient-mid-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-100:hover {
+  --gradient-mid-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-200:hover {
+  --gradient-mid-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-300:hover {
+  --gradient-mid-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-400:hover {
+  --gradient-mid-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-500:hover {
+  --gradient-mid-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-600:hover {
+  --gradient-mid-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-700:hover {
+  --gradient-mid-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-800:hover {
+  --gradient-mid-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-900:hover {
+  --gradient-mid-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-100:hover {
+  --gradient-mid-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-200:hover {
+  --gradient-mid-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-300:hover {
+  --gradient-mid-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-400:hover {
+  --gradient-mid-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-500:hover {
+  --gradient-mid-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-600:hover {
+  --gradient-mid-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-700:hover {
+  --gradient-mid-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-800:hover {
+  --gradient-mid-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-900:hover {
+  --gradient-mid-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-100:hover {
+  --gradient-mid-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-200:hover {
+  --gradient-mid-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-300:hover {
+  --gradient-mid-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-400:hover {
+  --gradient-mid-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-500:hover {
+  --gradient-mid-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-600:hover {
+  --gradient-mid-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-700:hover {
+  --gradient-mid-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-800:hover {
+  --gradient-mid-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-900:hover {
+  --gradient-mid-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-100:hover {
+  --gradient-mid-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-200:hover {
+  --gradient-mid-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-300:hover {
+  --gradient-mid-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-400:hover {
+  --gradient-mid-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-500:hover {
+  --gradient-mid-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-600:hover {
+  --gradient-mid-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-700:hover {
+  --gradient-mid-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-800:hover {
+  --gradient-mid-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-900:hover {
+  --gradient-mid-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-100:hover {
+  --gradient-mid-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-200:hover {
+  --gradient-mid-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-300:hover {
+  --gradient-mid-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-400:hover {
+  --gradient-mid-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-500:hover {
+  --gradient-mid-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-600:hover {
+  --gradient-mid-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-700:hover {
+  --gradient-mid-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-800:hover {
+  --gradient-mid-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-900:hover {
+  --gradient-mid-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-100:hover {
+  --gradient-mid-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-200:hover {
+  --gradient-mid-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-300:hover {
+  --gradient-mid-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-400:hover {
+  --gradient-mid-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-500:hover {
+  --gradient-mid-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-600:hover {
+  --gradient-mid-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-700:hover {
+  --gradient-mid-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-800:hover {
+  --gradient-mid-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-900:hover {
+  --gradient-mid-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-from-transparent:focus {
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-current:focus {
+  --gradient-from-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-black:focus {
+  --gradient-from-color: #000;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-white:focus {
+  --gradient-from-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-100:focus {
+  --gradient-from-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-200:focus {
+  --gradient-from-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-300:focus {
+  --gradient-from-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-400:focus {
+  --gradient-from-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-500:focus {
+  --gradient-from-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-600:focus {
+  --gradient-from-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-700:focus {
+  --gradient-from-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-800:focus {
+  --gradient-from-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-900:focus {
+  --gradient-from-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-100:focus {
+  --gradient-from-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-200:focus {
+  --gradient-from-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-300:focus {
+  --gradient-from-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-400:focus {
+  --gradient-from-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-500:focus {
+  --gradient-from-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-600:focus {
+  --gradient-from-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-700:focus {
+  --gradient-from-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-800:focus {
+  --gradient-from-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-900:focus {
+  --gradient-from-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-100:focus {
+  --gradient-from-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-200:focus {
+  --gradient-from-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-300:focus {
+  --gradient-from-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-400:focus {
+  --gradient-from-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-500:focus {
+  --gradient-from-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-600:focus {
+  --gradient-from-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-700:focus {
+  --gradient-from-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-800:focus {
+  --gradient-from-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-900:focus {
+  --gradient-from-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-100:focus {
+  --gradient-from-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-200:focus {
+  --gradient-from-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-300:focus {
+  --gradient-from-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-400:focus {
+  --gradient-from-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-500:focus {
+  --gradient-from-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-600:focus {
+  --gradient-from-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-700:focus {
+  --gradient-from-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-800:focus {
+  --gradient-from-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-900:focus {
+  --gradient-from-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-100:focus {
+  --gradient-from-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-200:focus {
+  --gradient-from-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-300:focus {
+  --gradient-from-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-400:focus {
+  --gradient-from-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-500:focus {
+  --gradient-from-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-600:focus {
+  --gradient-from-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-700:focus {
+  --gradient-from-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-800:focus {
+  --gradient-from-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-900:focus {
+  --gradient-from-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-100:focus {
+  --gradient-from-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-200:focus {
+  --gradient-from-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-300:focus {
+  --gradient-from-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-400:focus {
+  --gradient-from-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-500:focus {
+  --gradient-from-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-600:focus {
+  --gradient-from-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-700:focus {
+  --gradient-from-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-800:focus {
+  --gradient-from-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-900:focus {
+  --gradient-from-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-100:focus {
+  --gradient-from-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-200:focus {
+  --gradient-from-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-300:focus {
+  --gradient-from-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-400:focus {
+  --gradient-from-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-500:focus {
+  --gradient-from-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-600:focus {
+  --gradient-from-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-700:focus {
+  --gradient-from-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-800:focus {
+  --gradient-from-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-900:focus {
+  --gradient-from-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-100:focus {
+  --gradient-from-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-200:focus {
+  --gradient-from-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-300:focus {
+  --gradient-from-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-400:focus {
+  --gradient-from-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-500:focus {
+  --gradient-from-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-600:focus {
+  --gradient-from-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-700:focus {
+  --gradient-from-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-800:focus {
+  --gradient-from-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-900:focus {
+  --gradient-from-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-100:focus {
+  --gradient-from-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-200:focus {
+  --gradient-from-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-300:focus {
+  --gradient-from-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-400:focus {
+  --gradient-from-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-500:focus {
+  --gradient-from-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-600:focus {
+  --gradient-from-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-700:focus {
+  --gradient-from-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-800:focus {
+  --gradient-from-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-900:focus {
+  --gradient-from-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-100:focus {
+  --gradient-from-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-200:focus {
+  --gradient-from-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-300:focus {
+  --gradient-from-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-400:focus {
+  --gradient-from-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-500:focus {
+  --gradient-from-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-600:focus {
+  --gradient-from-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-700:focus {
+  --gradient-from-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-800:focus {
+  --gradient-from-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-900:focus {
+  --gradient-from-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-to-transparent:focus {
+  --gradient-to-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-current:focus {
+  --gradient-to-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-black:focus {
+  --gradient-to-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-white:focus {
+  --gradient-to-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-100:focus {
+  --gradient-to-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-200:focus {
+  --gradient-to-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-300:focus {
+  --gradient-to-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-400:focus {
+  --gradient-to-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-500:focus {
+  --gradient-to-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-600:focus {
+  --gradient-to-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-700:focus {
+  --gradient-to-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-800:focus {
+  --gradient-to-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-900:focus {
+  --gradient-to-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-100:focus {
+  --gradient-to-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-200:focus {
+  --gradient-to-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-300:focus {
+  --gradient-to-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-400:focus {
+  --gradient-to-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-500:focus {
+  --gradient-to-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-600:focus {
+  --gradient-to-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-700:focus {
+  --gradient-to-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-800:focus {
+  --gradient-to-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-900:focus {
+  --gradient-to-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-100:focus {
+  --gradient-to-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-200:focus {
+  --gradient-to-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-300:focus {
+  --gradient-to-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-400:focus {
+  --gradient-to-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-500:focus {
+  --gradient-to-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-600:focus {
+  --gradient-to-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-700:focus {
+  --gradient-to-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-800:focus {
+  --gradient-to-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-900:focus {
+  --gradient-to-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-100:focus {
+  --gradient-to-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-200:focus {
+  --gradient-to-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-300:focus {
+  --gradient-to-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-400:focus {
+  --gradient-to-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-500:focus {
+  --gradient-to-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-600:focus {
+  --gradient-to-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-700:focus {
+  --gradient-to-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-800:focus {
+  --gradient-to-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-900:focus {
+  --gradient-to-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-100:focus {
+  --gradient-to-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-200:focus {
+  --gradient-to-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-300:focus {
+  --gradient-to-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-400:focus {
+  --gradient-to-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-500:focus {
+  --gradient-to-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-600:focus {
+  --gradient-to-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-700:focus {
+  --gradient-to-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-800:focus {
+  --gradient-to-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-900:focus {
+  --gradient-to-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-100:focus {
+  --gradient-to-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-200:focus {
+  --gradient-to-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-300:focus {
+  --gradient-to-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-400:focus {
+  --gradient-to-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-500:focus {
+  --gradient-to-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-600:focus {
+  --gradient-to-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-700:focus {
+  --gradient-to-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-800:focus {
+  --gradient-to-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-900:focus {
+  --gradient-to-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-100:focus {
+  --gradient-to-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-200:focus {
+  --gradient-to-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-300:focus {
+  --gradient-to-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-400:focus {
+  --gradient-to-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-500:focus {
+  --gradient-to-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-600:focus {
+  --gradient-to-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-700:focus {
+  --gradient-to-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-800:focus {
+  --gradient-to-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-900:focus {
+  --gradient-to-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-100:focus {
+  --gradient-to-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-200:focus {
+  --gradient-to-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-300:focus {
+  --gradient-to-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-400:focus {
+  --gradient-to-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-500:focus {
+  --gradient-to-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-600:focus {
+  --gradient-to-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-700:focus {
+  --gradient-to-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-800:focus {
+  --gradient-to-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-900:focus {
+  --gradient-to-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-100:focus {
+  --gradient-to-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-200:focus {
+  --gradient-to-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-300:focus {
+  --gradient-to-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-400:focus {
+  --gradient-to-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-500:focus {
+  --gradient-to-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-600:focus {
+  --gradient-to-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-700:focus {
+  --gradient-to-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-800:focus {
+  --gradient-to-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-900:focus {
+  --gradient-to-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-100:focus {
+  --gradient-to-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-200:focus {
+  --gradient-to-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-300:focus {
+  --gradient-to-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-400:focus {
+  --gradient-to-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-500:focus {
+  --gradient-to-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-600:focus {
+  --gradient-to-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-700:focus {
+  --gradient-to-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-800:focus {
+  --gradient-to-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-900:focus {
+  --gradient-to-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-transparent:focus {
+  --gradient-mid-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-current:focus {
+  --gradient-mid-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-black:focus {
+  --gradient-mid-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-white:focus {
+  --gradient-mid-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-100:focus {
+  --gradient-mid-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-200:focus {
+  --gradient-mid-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-300:focus {
+  --gradient-mid-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-400:focus {
+  --gradient-mid-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-500:focus {
+  --gradient-mid-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-600:focus {
+  --gradient-mid-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-700:focus {
+  --gradient-mid-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-800:focus {
+  --gradient-mid-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-900:focus {
+  --gradient-mid-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-100:focus {
+  --gradient-mid-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-200:focus {
+  --gradient-mid-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-300:focus {
+  --gradient-mid-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-400:focus {
+  --gradient-mid-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-500:focus {
+  --gradient-mid-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-600:focus {
+  --gradient-mid-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-700:focus {
+  --gradient-mid-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-800:focus {
+  --gradient-mid-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-900:focus {
+  --gradient-mid-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-100:focus {
+  --gradient-mid-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-200:focus {
+  --gradient-mid-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-300:focus {
+  --gradient-mid-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-400:focus {
+  --gradient-mid-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-500:focus {
+  --gradient-mid-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-600:focus {
+  --gradient-mid-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-700:focus {
+  --gradient-mid-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-800:focus {
+  --gradient-mid-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-900:focus {
+  --gradient-mid-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-100:focus {
+  --gradient-mid-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-200:focus {
+  --gradient-mid-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-300:focus {
+  --gradient-mid-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-400:focus {
+  --gradient-mid-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-500:focus {
+  --gradient-mid-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-600:focus {
+  --gradient-mid-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-700:focus {
+  --gradient-mid-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-800:focus {
+  --gradient-mid-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-900:focus {
+  --gradient-mid-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-100:focus {
+  --gradient-mid-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-200:focus {
+  --gradient-mid-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-300:focus {
+  --gradient-mid-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-400:focus {
+  --gradient-mid-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-500:focus {
+  --gradient-mid-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-600:focus {
+  --gradient-mid-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-700:focus {
+  --gradient-mid-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-800:focus {
+  --gradient-mid-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-900:focus {
+  --gradient-mid-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-100:focus {
+  --gradient-mid-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-200:focus {
+  --gradient-mid-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-300:focus {
+  --gradient-mid-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-400:focus {
+  --gradient-mid-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-500:focus {
+  --gradient-mid-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-600:focus {
+  --gradient-mid-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-700:focus {
+  --gradient-mid-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-800:focus {
+  --gradient-mid-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-900:focus {
+  --gradient-mid-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-100:focus {
+  --gradient-mid-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-200:focus {
+  --gradient-mid-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-300:focus {
+  --gradient-mid-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-400:focus {
+  --gradient-mid-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-500:focus {
+  --gradient-mid-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-600:focus {
+  --gradient-mid-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-700:focus {
+  --gradient-mid-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-800:focus {
+  --gradient-mid-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-900:focus {
+  --gradient-mid-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-100:focus {
+  --gradient-mid-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-200:focus {
+  --gradient-mid-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-300:focus {
+  --gradient-mid-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-400:focus {
+  --gradient-mid-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-500:focus {
+  --gradient-mid-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-600:focus {
+  --gradient-mid-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-700:focus {
+  --gradient-mid-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-800:focus {
+  --gradient-mid-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-900:focus {
+  --gradient-mid-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-100:focus {
+  --gradient-mid-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-200:focus {
+  --gradient-mid-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-300:focus {
+  --gradient-mid-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-400:focus {
+  --gradient-mid-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-500:focus {
+  --gradient-mid-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-600:focus {
+  --gradient-mid-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-700:focus {
+  --gradient-mid-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-800:focus {
+  --gradient-mid-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-900:focus {
+  --gradient-mid-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-100:focus {
+  --gradient-mid-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-200:focus {
+  --gradient-mid-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-300:focus {
+  --gradient-mid-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-400:focus {
+  --gradient-mid-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-500:focus {
+  --gradient-mid-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-600:focus {
+  --gradient-mid-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-700:focus {
+  --gradient-mid-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-800:focus {
+  --gradient-mid-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-900:focus {
+  --gradient-mid-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
 .bg-bottom {
   background-position: bottom;
 }
@@ -14321,6 +18567,4252 @@ video {
     background-color: #702459;
   }
 
+  .sm\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  }
+
+  .sm\:gradient-from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-black {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-white {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-100 {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-200 {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-300 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-400 {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-500 {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-600 {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-700 {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-800 {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-900 {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-100 {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-200 {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-300 {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-400 {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-500 {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-600 {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-700 {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-800 {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-900 {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-100 {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-200 {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-300 {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-400 {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-500 {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-600 {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-700 {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-800 {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-900 {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-100 {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-200 {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-300 {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-400 {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-500 {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-600 {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-700 {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-800 {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-900 {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-100 {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-200 {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-300 {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-400 {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-500 {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-600 {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-700 {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-800 {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-900 {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-100 {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-200 {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-300 {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-400 {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-500 {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-600 {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-700 {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-800 {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-900 {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-100 {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-200 {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-300 {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-400 {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-500 {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-600 {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-700 {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-800 {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-900 {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-100 {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-200 {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-300 {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-400 {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-500 {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-600 {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-700 {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-800 {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-900 {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-100 {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-200 {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-300 {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-400 {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-500 {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-600 {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-700 {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-800 {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-900 {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-100 {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-200 {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-300 {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-400 {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-500 {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-600 {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-700 {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-800 {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-900 {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-to-transparent {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-current {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-black {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-white {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-100 {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-200 {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-500 {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-600 {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-700 {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-800 {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-900 {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-100 {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-200 {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-300 {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-400 {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-500 {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-600 {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-700 {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-800 {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-900 {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-100 {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-200 {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-300 {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-400 {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-500 {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-600 {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-700 {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-800 {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-900 {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-100 {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-300 {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-700 {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-800 {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-900 {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-100 {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-200 {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-300 {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-400 {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-500 {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-600 {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-700 {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-800 {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-900 {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-100 {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-300 {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-500 {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-600 {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-800 {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-900 {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-200 {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-300 {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-400 {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-500 {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-600 {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-800 {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-900 {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-500 {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-800 {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-900 {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-100 {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-400 {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-500 {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-600 {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-700 {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-800 {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-900 {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-100 {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-200 {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-400 {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-500 {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-600 {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-700 {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-800 {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-900 {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-transparent {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-current {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-black {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-white {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-200 {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-300 {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-400 {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-500 {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-600 {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-700 {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-800 {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-900 {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-100 {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-200 {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-300 {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-400 {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-500 {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-600 {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-700 {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-900 {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-100 {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-200 {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-400 {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-600 {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-700 {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-800 {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-900 {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-100 {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-200 {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-300 {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-400 {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-500 {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-600 {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-700 {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-800 {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-900 {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-100 {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-200 {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-300 {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-400 {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-500 {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-600 {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-700 {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-800 {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-900 {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-100 {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-200 {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-300 {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-400 {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-500 {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-600 {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-700 {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-800 {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-900 {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-100 {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-200 {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-300 {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-400 {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-600 {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-800 {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-900 {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-300 {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-500 {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-700 {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-800 {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-900 {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
   .sm\:bg-bottom {
     background-position: bottom;
   }
@@ -25905,6 +34397,4252 @@ video {
     background-color: #702459;
   }
 
+  .md\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  }
+
+  .md\:gradient-from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-black {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-white {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-100 {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-200 {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-300 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-400 {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-500 {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-600 {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-700 {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-800 {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-900 {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-100 {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-200 {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-300 {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-400 {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-500 {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-600 {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-700 {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-800 {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-900 {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-100 {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-200 {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-300 {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-400 {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-500 {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-600 {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-700 {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-800 {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-900 {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-100 {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-200 {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-300 {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-400 {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-500 {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-600 {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-700 {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-800 {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-900 {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-100 {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-200 {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-300 {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-400 {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-500 {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-600 {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-700 {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-800 {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-900 {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-100 {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-200 {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-300 {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-400 {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-500 {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-600 {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-700 {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-800 {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-900 {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-100 {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-200 {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-300 {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-400 {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-500 {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-600 {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-700 {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-800 {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-900 {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-100 {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-200 {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-300 {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-400 {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-500 {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-600 {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-700 {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-800 {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-900 {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-100 {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-200 {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-300 {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-400 {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-500 {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-600 {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-700 {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-800 {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-900 {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-100 {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-200 {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-300 {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-400 {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-500 {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-600 {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-700 {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-800 {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-900 {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-to-transparent {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-current {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-black {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-white {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-100 {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-200 {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-500 {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-600 {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-700 {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-800 {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-900 {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-100 {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-200 {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-300 {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-400 {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-500 {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-600 {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-700 {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-800 {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-900 {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-100 {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-200 {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-300 {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-400 {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-500 {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-600 {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-700 {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-800 {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-900 {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-100 {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-300 {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-700 {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-800 {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-900 {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-100 {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-200 {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-300 {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-400 {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-500 {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-600 {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-700 {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-800 {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-900 {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-100 {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-300 {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-500 {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-600 {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-800 {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-900 {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-200 {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-300 {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-400 {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-500 {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-600 {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-800 {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-900 {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-500 {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-800 {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-900 {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-100 {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-400 {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-500 {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-600 {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-700 {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-800 {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-900 {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-100 {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-200 {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-400 {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-500 {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-600 {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-700 {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-800 {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-900 {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-transparent {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-current {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-black {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-white {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-200 {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-300 {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-400 {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-500 {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-600 {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-700 {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-800 {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-900 {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-100 {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-200 {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-300 {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-400 {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-500 {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-600 {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-700 {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-900 {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-100 {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-200 {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-400 {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-600 {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-700 {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-800 {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-900 {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-100 {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-200 {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-300 {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-400 {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-500 {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-600 {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-700 {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-800 {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-900 {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-100 {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-200 {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-300 {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-400 {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-500 {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-600 {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-700 {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-800 {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-900 {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-100 {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-200 {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-300 {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-400 {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-500 {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-600 {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-700 {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-800 {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-900 {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-100 {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-200 {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-300 {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-400 {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-600 {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-800 {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-900 {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-300 {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-500 {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-700 {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-800 {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-900 {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
   .md\:bg-bottom {
     background-position: bottom;
   }
@@ -37489,6 +50227,4252 @@ video {
     background-color: #702459;
   }
 
+  .lg\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  }
+
+  .lg\:gradient-from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-black {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-white {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-100 {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-200 {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-300 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-400 {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-500 {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-600 {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-700 {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-800 {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-900 {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-100 {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-200 {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-300 {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-400 {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-500 {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-600 {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-700 {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-800 {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-900 {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-100 {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-200 {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-300 {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-400 {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-500 {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-600 {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-700 {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-800 {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-900 {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-100 {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-200 {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-300 {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-400 {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-500 {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-600 {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-700 {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-800 {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-900 {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-100 {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-200 {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-300 {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-400 {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-500 {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-600 {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-700 {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-800 {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-900 {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-100 {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-200 {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-300 {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-400 {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-500 {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-600 {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-700 {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-800 {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-900 {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-100 {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-200 {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-300 {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-400 {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-500 {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-600 {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-700 {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-800 {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-900 {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-100 {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-200 {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-300 {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-400 {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-500 {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-600 {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-700 {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-800 {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-900 {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-100 {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-200 {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-300 {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-400 {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-500 {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-600 {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-700 {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-800 {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-900 {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-100 {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-200 {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-300 {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-400 {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-500 {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-600 {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-700 {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-800 {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-900 {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-to-transparent {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-current {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-black {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-white {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-100 {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-200 {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-500 {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-600 {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-700 {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-800 {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-900 {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-100 {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-200 {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-300 {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-400 {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-500 {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-600 {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-700 {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-800 {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-900 {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-100 {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-200 {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-300 {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-400 {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-500 {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-600 {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-700 {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-800 {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-900 {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-100 {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-300 {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-700 {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-800 {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-900 {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-100 {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-200 {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-300 {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-400 {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-500 {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-600 {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-700 {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-800 {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-900 {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-100 {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-300 {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-500 {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-600 {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-800 {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-900 {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-200 {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-300 {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-400 {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-500 {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-600 {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-800 {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-900 {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-500 {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-800 {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-900 {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-100 {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-400 {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-500 {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-600 {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-700 {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-800 {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-900 {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-100 {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-200 {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-400 {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-500 {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-600 {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-700 {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-800 {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-900 {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-transparent {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-current {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-black {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-white {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-200 {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-300 {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-400 {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-500 {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-600 {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-700 {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-800 {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-900 {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-100 {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-200 {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-300 {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-400 {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-500 {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-600 {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-700 {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-900 {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-100 {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-200 {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-400 {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-600 {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-700 {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-800 {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-900 {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-100 {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-200 {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-300 {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-400 {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-500 {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-600 {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-700 {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-800 {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-900 {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-100 {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-200 {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-300 {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-400 {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-500 {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-600 {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-700 {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-800 {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-900 {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-100 {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-200 {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-300 {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-400 {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-500 {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-600 {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-700 {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-800 {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-900 {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-100 {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-200 {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-300 {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-400 {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-600 {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-800 {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-900 {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-300 {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-500 {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-700 {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-800 {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-900 {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
   .lg\:bg-bottom {
     background-position: bottom;
   }
@@ -49073,6 +66057,4252 @@ video {
     background-color: #702459;
   }
 
+  .xl\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  }
+
+  .xl\:gradient-from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-black {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-white {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-100 {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-200 {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-300 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-400 {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-500 {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-600 {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-700 {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-800 {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-900 {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-100 {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-200 {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-300 {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-400 {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-500 {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-600 {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-700 {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-800 {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-900 {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-100 {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-200 {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-300 {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-400 {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-500 {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-600 {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-700 {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-800 {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-900 {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-100 {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-200 {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-300 {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-400 {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-500 {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-600 {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-700 {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-800 {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-900 {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-100 {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-200 {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-300 {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-400 {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-500 {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-600 {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-700 {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-800 {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-900 {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-100 {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-200 {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-300 {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-400 {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-500 {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-600 {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-700 {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-800 {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-900 {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-100 {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-200 {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-300 {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-400 {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-500 {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-600 {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-700 {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-800 {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-900 {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-100 {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-200 {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-300 {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-400 {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-500 {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-600 {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-700 {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-800 {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-900 {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-100 {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-200 {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-300 {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-400 {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-500 {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-600 {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-700 {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-800 {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-900 {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-100 {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-200 {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-300 {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-400 {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-500 {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-600 {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-700 {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-800 {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-900 {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-to-transparent {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-current {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-black {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-white {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-100 {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-200 {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-500 {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-600 {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-700 {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-800 {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-900 {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-100 {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-200 {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-300 {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-400 {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-500 {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-600 {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-700 {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-800 {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-900 {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-100 {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-200 {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-300 {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-400 {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-500 {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-600 {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-700 {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-800 {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-900 {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-100 {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-300 {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-700 {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-800 {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-900 {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-100 {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-200 {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-300 {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-400 {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-500 {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-600 {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-700 {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-800 {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-900 {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-100 {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-300 {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-500 {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-600 {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-800 {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-900 {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-200 {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-300 {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-400 {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-500 {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-600 {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-800 {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-900 {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-500 {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-800 {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-900 {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-100 {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-400 {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-500 {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-600 {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-700 {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-800 {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-900 {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-100 {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-200 {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-400 {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-500 {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-600 {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-700 {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-800 {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-900 {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-transparent {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-current {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-black {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-white {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-200 {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-300 {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-400 {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-500 {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-600 {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-700 {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-800 {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-900 {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-100 {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-200 {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-300 {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-400 {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-500 {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-600 {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-700 {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-900 {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-100 {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-200 {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-400 {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-600 {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-700 {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-800 {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-900 {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-100 {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-200 {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-300 {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-400 {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-500 {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-600 {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-700 {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-800 {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-900 {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-100 {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-200 {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-300 {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-400 {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-500 {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-600 {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-700 {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-800 {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-900 {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-100 {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-200 {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-300 {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-400 {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-500 {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-600 {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-700 {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-800 {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-900 {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-100 {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-200 {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-300 {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-400 {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-600 {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-800 {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-900 {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-300 {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-500 {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-700 {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-800 {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-900 {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
   .xl\:bg-bottom {
     background-position: bottom;
   }
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 2a4543d3c..164cbc601 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -3463,6 +3463,4252 @@ video {
   background-color: rgba(112, 36, 89, var(--bg-opacity));
 }
 
+.bg-gradient-up {
+  background-image: linear-gradient(0deg, var(--gradient-color-stops));
+}
+
+.bg-gradient-right {
+  background-image: linear-gradient(90deg, var(--gradient-color-stops));
+}
+
+.bg-gradient-down {
+  background-image: linear-gradient(180deg, var(--gradient-color-stops));
+}
+
+.bg-gradient-left {
+  background-image: linear-gradient(270deg, var(--gradient-color-stops));
+}
+
+.gradient-from-transparent {
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-current {
+  --gradient-from-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-black {
+  --gradient-from-color: #000;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-white {
+  --gradient-from-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-100 {
+  --gradient-from-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-200 {
+  --gradient-from-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-300 {
+  --gradient-from-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-400 {
+  --gradient-from-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-500 {
+  --gradient-from-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-600 {
+  --gradient-from-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-700 {
+  --gradient-from-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-800 {
+  --gradient-from-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-gray-900 {
+  --gradient-from-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-100 {
+  --gradient-from-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-200 {
+  --gradient-from-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-300 {
+  --gradient-from-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-400 {
+  --gradient-from-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-500 {
+  --gradient-from-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-600 {
+  --gradient-from-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-700 {
+  --gradient-from-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-800 {
+  --gradient-from-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-red-900 {
+  --gradient-from-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-100 {
+  --gradient-from-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-200 {
+  --gradient-from-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-300 {
+  --gradient-from-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-400 {
+  --gradient-from-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-500 {
+  --gradient-from-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-600 {
+  --gradient-from-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-700 {
+  --gradient-from-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-800 {
+  --gradient-from-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-orange-900 {
+  --gradient-from-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-100 {
+  --gradient-from-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-200 {
+  --gradient-from-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-300 {
+  --gradient-from-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-400 {
+  --gradient-from-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-500 {
+  --gradient-from-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-600 {
+  --gradient-from-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-700 {
+  --gradient-from-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-800 {
+  --gradient-from-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-yellow-900 {
+  --gradient-from-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-100 {
+  --gradient-from-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-200 {
+  --gradient-from-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-300 {
+  --gradient-from-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-400 {
+  --gradient-from-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-500 {
+  --gradient-from-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-600 {
+  --gradient-from-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-700 {
+  --gradient-from-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-800 {
+  --gradient-from-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-green-900 {
+  --gradient-from-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-100 {
+  --gradient-from-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-200 {
+  --gradient-from-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-300 {
+  --gradient-from-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-400 {
+  --gradient-from-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-500 {
+  --gradient-from-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-600 {
+  --gradient-from-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-700 {
+  --gradient-from-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-800 {
+  --gradient-from-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-teal-900 {
+  --gradient-from-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-100 {
+  --gradient-from-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-200 {
+  --gradient-from-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-300 {
+  --gradient-from-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-400 {
+  --gradient-from-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-500 {
+  --gradient-from-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-600 {
+  --gradient-from-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-700 {
+  --gradient-from-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-800 {
+  --gradient-from-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-blue-900 {
+  --gradient-from-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-100 {
+  --gradient-from-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-200 {
+  --gradient-from-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-300 {
+  --gradient-from-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-400 {
+  --gradient-from-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-500 {
+  --gradient-from-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-600 {
+  --gradient-from-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-700 {
+  --gradient-from-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-800 {
+  --gradient-from-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-indigo-900 {
+  --gradient-from-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-100 {
+  --gradient-from-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-200 {
+  --gradient-from-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-300 {
+  --gradient-from-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-400 {
+  --gradient-from-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-500 {
+  --gradient-from-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-600 {
+  --gradient-from-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-700 {
+  --gradient-from-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-800 {
+  --gradient-from-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-purple-900 {
+  --gradient-from-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-100 {
+  --gradient-from-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-200 {
+  --gradient-from-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-300 {
+  --gradient-from-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-400 {
+  --gradient-from-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-500 {
+  --gradient-from-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-600 {
+  --gradient-from-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-700 {
+  --gradient-from-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-800 {
+  --gradient-from-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-from-pink-900 {
+  --gradient-from-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.gradient-to-transparent {
+  --gradient-to-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-current {
+  --gradient-to-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-black {
+  --gradient-to-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-white {
+  --gradient-to-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-100 {
+  --gradient-to-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-200 {
+  --gradient-to-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-300 {
+  --gradient-to-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-400 {
+  --gradient-to-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-500 {
+  --gradient-to-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-600 {
+  --gradient-to-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-700 {
+  --gradient-to-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-800 {
+  --gradient-to-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-gray-900 {
+  --gradient-to-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-100 {
+  --gradient-to-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-200 {
+  --gradient-to-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-300 {
+  --gradient-to-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-400 {
+  --gradient-to-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-500 {
+  --gradient-to-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-600 {
+  --gradient-to-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-700 {
+  --gradient-to-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-800 {
+  --gradient-to-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-red-900 {
+  --gradient-to-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-100 {
+  --gradient-to-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-200 {
+  --gradient-to-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-300 {
+  --gradient-to-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-400 {
+  --gradient-to-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-500 {
+  --gradient-to-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-600 {
+  --gradient-to-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-700 {
+  --gradient-to-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-800 {
+  --gradient-to-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-orange-900 {
+  --gradient-to-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-100 {
+  --gradient-to-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-200 {
+  --gradient-to-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-300 {
+  --gradient-to-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-400 {
+  --gradient-to-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-500 {
+  --gradient-to-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-600 {
+  --gradient-to-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-700 {
+  --gradient-to-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-800 {
+  --gradient-to-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-yellow-900 {
+  --gradient-to-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-100 {
+  --gradient-to-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-200 {
+  --gradient-to-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-300 {
+  --gradient-to-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-400 {
+  --gradient-to-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-500 {
+  --gradient-to-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-600 {
+  --gradient-to-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-700 {
+  --gradient-to-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-800 {
+  --gradient-to-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-green-900 {
+  --gradient-to-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-100 {
+  --gradient-to-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-200 {
+  --gradient-to-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-300 {
+  --gradient-to-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-400 {
+  --gradient-to-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-500 {
+  --gradient-to-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-600 {
+  --gradient-to-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-700 {
+  --gradient-to-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-800 {
+  --gradient-to-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-teal-900 {
+  --gradient-to-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-100 {
+  --gradient-to-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-200 {
+  --gradient-to-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-300 {
+  --gradient-to-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-400 {
+  --gradient-to-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-500 {
+  --gradient-to-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-600 {
+  --gradient-to-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-700 {
+  --gradient-to-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-800 {
+  --gradient-to-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-blue-900 {
+  --gradient-to-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-100 {
+  --gradient-to-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-200 {
+  --gradient-to-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-300 {
+  --gradient-to-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-400 {
+  --gradient-to-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-500 {
+  --gradient-to-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-600 {
+  --gradient-to-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-700 {
+  --gradient-to-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-800 {
+  --gradient-to-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-indigo-900 {
+  --gradient-to-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-100 {
+  --gradient-to-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-200 {
+  --gradient-to-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-300 {
+  --gradient-to-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-400 {
+  --gradient-to-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-500 {
+  --gradient-to-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-600 {
+  --gradient-to-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-700 {
+  --gradient-to-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-800 {
+  --gradient-to-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-purple-900 {
+  --gradient-to-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-100 {
+  --gradient-to-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-200 {
+  --gradient-to-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-300 {
+  --gradient-to-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-400 {
+  --gradient-to-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-500 {
+  --gradient-to-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-600 {
+  --gradient-to-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-700 {
+  --gradient-to-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-800 {
+  --gradient-to-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-to-pink-900 {
+  --gradient-to-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.gradient-mid-transparent {
+  --gradient-mid-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-current {
+  --gradient-mid-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-black {
+  --gradient-mid-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-white {
+  --gradient-mid-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-100 {
+  --gradient-mid-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-200 {
+  --gradient-mid-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-300 {
+  --gradient-mid-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-400 {
+  --gradient-mid-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-500 {
+  --gradient-mid-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-600 {
+  --gradient-mid-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-700 {
+  --gradient-mid-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-800 {
+  --gradient-mid-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-gray-900 {
+  --gradient-mid-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-100 {
+  --gradient-mid-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-200 {
+  --gradient-mid-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-300 {
+  --gradient-mid-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-400 {
+  --gradient-mid-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-500 {
+  --gradient-mid-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-600 {
+  --gradient-mid-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-700 {
+  --gradient-mid-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-800 {
+  --gradient-mid-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-red-900 {
+  --gradient-mid-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-100 {
+  --gradient-mid-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-200 {
+  --gradient-mid-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-300 {
+  --gradient-mid-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-400 {
+  --gradient-mid-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-500 {
+  --gradient-mid-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-600 {
+  --gradient-mid-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-700 {
+  --gradient-mid-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-800 {
+  --gradient-mid-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-orange-900 {
+  --gradient-mid-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-100 {
+  --gradient-mid-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-200 {
+  --gradient-mid-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-300 {
+  --gradient-mid-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-400 {
+  --gradient-mid-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-500 {
+  --gradient-mid-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-600 {
+  --gradient-mid-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-700 {
+  --gradient-mid-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-800 {
+  --gradient-mid-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-yellow-900 {
+  --gradient-mid-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-100 {
+  --gradient-mid-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-200 {
+  --gradient-mid-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-300 {
+  --gradient-mid-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-400 {
+  --gradient-mid-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-500 {
+  --gradient-mid-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-600 {
+  --gradient-mid-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-700 {
+  --gradient-mid-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-800 {
+  --gradient-mid-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-green-900 {
+  --gradient-mid-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-100 {
+  --gradient-mid-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-200 {
+  --gradient-mid-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-300 {
+  --gradient-mid-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-400 {
+  --gradient-mid-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-500 {
+  --gradient-mid-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-600 {
+  --gradient-mid-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-700 {
+  --gradient-mid-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-800 {
+  --gradient-mid-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-teal-900 {
+  --gradient-mid-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-100 {
+  --gradient-mid-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-200 {
+  --gradient-mid-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-300 {
+  --gradient-mid-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-400 {
+  --gradient-mid-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-500 {
+  --gradient-mid-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-600 {
+  --gradient-mid-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-700 {
+  --gradient-mid-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-800 {
+  --gradient-mid-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-blue-900 {
+  --gradient-mid-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-100 {
+  --gradient-mid-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-200 {
+  --gradient-mid-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-300 {
+  --gradient-mid-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-400 {
+  --gradient-mid-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-500 {
+  --gradient-mid-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-600 {
+  --gradient-mid-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-700 {
+  --gradient-mid-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-800 {
+  --gradient-mid-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-indigo-900 {
+  --gradient-mid-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-100 {
+  --gradient-mid-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-200 {
+  --gradient-mid-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-300 {
+  --gradient-mid-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-400 {
+  --gradient-mid-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-500 {
+  --gradient-mid-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-600 {
+  --gradient-mid-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-700 {
+  --gradient-mid-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-800 {
+  --gradient-mid-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-purple-900 {
+  --gradient-mid-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-100 {
+  --gradient-mid-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-200 {
+  --gradient-mid-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-300 {
+  --gradient-mid-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-400 {
+  --gradient-mid-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-500 {
+  --gradient-mid-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-600 {
+  --gradient-mid-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-700 {
+  --gradient-mid-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-800 {
+  --gradient-mid-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.gradient-mid-pink-900 {
+  --gradient-mid-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-from-transparent:hover {
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-current:hover {
+  --gradient-from-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-black:hover {
+  --gradient-from-color: #000;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-white:hover {
+  --gradient-from-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-100:hover {
+  --gradient-from-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-200:hover {
+  --gradient-from-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-300:hover {
+  --gradient-from-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-400:hover {
+  --gradient-from-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-500:hover {
+  --gradient-from-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-600:hover {
+  --gradient-from-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-700:hover {
+  --gradient-from-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-800:hover {
+  --gradient-from-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-gray-900:hover {
+  --gradient-from-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-100:hover {
+  --gradient-from-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-200:hover {
+  --gradient-from-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-300:hover {
+  --gradient-from-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-400:hover {
+  --gradient-from-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-500:hover {
+  --gradient-from-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-600:hover {
+  --gradient-from-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-700:hover {
+  --gradient-from-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-800:hover {
+  --gradient-from-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-red-900:hover {
+  --gradient-from-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-100:hover {
+  --gradient-from-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-200:hover {
+  --gradient-from-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-300:hover {
+  --gradient-from-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-400:hover {
+  --gradient-from-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-500:hover {
+  --gradient-from-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-600:hover {
+  --gradient-from-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-700:hover {
+  --gradient-from-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-800:hover {
+  --gradient-from-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-orange-900:hover {
+  --gradient-from-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-100:hover {
+  --gradient-from-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-200:hover {
+  --gradient-from-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-300:hover {
+  --gradient-from-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-400:hover {
+  --gradient-from-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-500:hover {
+  --gradient-from-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-600:hover {
+  --gradient-from-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-700:hover {
+  --gradient-from-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-800:hover {
+  --gradient-from-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-yellow-900:hover {
+  --gradient-from-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-100:hover {
+  --gradient-from-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-200:hover {
+  --gradient-from-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-300:hover {
+  --gradient-from-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-400:hover {
+  --gradient-from-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-500:hover {
+  --gradient-from-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-600:hover {
+  --gradient-from-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-700:hover {
+  --gradient-from-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-800:hover {
+  --gradient-from-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-green-900:hover {
+  --gradient-from-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-100:hover {
+  --gradient-from-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-200:hover {
+  --gradient-from-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-300:hover {
+  --gradient-from-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-400:hover {
+  --gradient-from-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-500:hover {
+  --gradient-from-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-600:hover {
+  --gradient-from-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-700:hover {
+  --gradient-from-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-800:hover {
+  --gradient-from-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-teal-900:hover {
+  --gradient-from-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-100:hover {
+  --gradient-from-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-200:hover {
+  --gradient-from-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-300:hover {
+  --gradient-from-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-400:hover {
+  --gradient-from-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-500:hover {
+  --gradient-from-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-600:hover {
+  --gradient-from-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-700:hover {
+  --gradient-from-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-800:hover {
+  --gradient-from-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-blue-900:hover {
+  --gradient-from-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-100:hover {
+  --gradient-from-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-200:hover {
+  --gradient-from-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-300:hover {
+  --gradient-from-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-400:hover {
+  --gradient-from-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-500:hover {
+  --gradient-from-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-600:hover {
+  --gradient-from-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-700:hover {
+  --gradient-from-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-800:hover {
+  --gradient-from-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-indigo-900:hover {
+  --gradient-from-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-100:hover {
+  --gradient-from-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-200:hover {
+  --gradient-from-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-300:hover {
+  --gradient-from-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-400:hover {
+  --gradient-from-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-500:hover {
+  --gradient-from-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-600:hover {
+  --gradient-from-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-700:hover {
+  --gradient-from-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-800:hover {
+  --gradient-from-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-purple-900:hover {
+  --gradient-from-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-100:hover {
+  --gradient-from-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-200:hover {
+  --gradient-from-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-300:hover {
+  --gradient-from-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-400:hover {
+  --gradient-from-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-500:hover {
+  --gradient-from-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-600:hover {
+  --gradient-from-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-700:hover {
+  --gradient-from-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-800:hover {
+  --gradient-from-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-from-pink-900:hover {
+  --gradient-from-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.hover\:gradient-to-transparent:hover {
+  --gradient-to-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-current:hover {
+  --gradient-to-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-black:hover {
+  --gradient-to-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-white:hover {
+  --gradient-to-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-100:hover {
+  --gradient-to-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-200:hover {
+  --gradient-to-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-300:hover {
+  --gradient-to-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-400:hover {
+  --gradient-to-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-500:hover {
+  --gradient-to-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-600:hover {
+  --gradient-to-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-700:hover {
+  --gradient-to-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-800:hover {
+  --gradient-to-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-gray-900:hover {
+  --gradient-to-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-100:hover {
+  --gradient-to-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-200:hover {
+  --gradient-to-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-300:hover {
+  --gradient-to-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-400:hover {
+  --gradient-to-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-500:hover {
+  --gradient-to-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-600:hover {
+  --gradient-to-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-700:hover {
+  --gradient-to-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-800:hover {
+  --gradient-to-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-red-900:hover {
+  --gradient-to-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-100:hover {
+  --gradient-to-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-200:hover {
+  --gradient-to-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-300:hover {
+  --gradient-to-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-400:hover {
+  --gradient-to-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-500:hover {
+  --gradient-to-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-600:hover {
+  --gradient-to-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-700:hover {
+  --gradient-to-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-800:hover {
+  --gradient-to-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-orange-900:hover {
+  --gradient-to-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-100:hover {
+  --gradient-to-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-200:hover {
+  --gradient-to-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-300:hover {
+  --gradient-to-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-400:hover {
+  --gradient-to-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-500:hover {
+  --gradient-to-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-600:hover {
+  --gradient-to-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-700:hover {
+  --gradient-to-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-800:hover {
+  --gradient-to-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-yellow-900:hover {
+  --gradient-to-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-100:hover {
+  --gradient-to-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-200:hover {
+  --gradient-to-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-300:hover {
+  --gradient-to-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-400:hover {
+  --gradient-to-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-500:hover {
+  --gradient-to-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-600:hover {
+  --gradient-to-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-700:hover {
+  --gradient-to-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-800:hover {
+  --gradient-to-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-green-900:hover {
+  --gradient-to-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-100:hover {
+  --gradient-to-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-200:hover {
+  --gradient-to-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-300:hover {
+  --gradient-to-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-400:hover {
+  --gradient-to-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-500:hover {
+  --gradient-to-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-600:hover {
+  --gradient-to-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-700:hover {
+  --gradient-to-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-800:hover {
+  --gradient-to-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-teal-900:hover {
+  --gradient-to-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-100:hover {
+  --gradient-to-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-200:hover {
+  --gradient-to-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-300:hover {
+  --gradient-to-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-400:hover {
+  --gradient-to-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-500:hover {
+  --gradient-to-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-600:hover {
+  --gradient-to-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-700:hover {
+  --gradient-to-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-800:hover {
+  --gradient-to-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-blue-900:hover {
+  --gradient-to-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-100:hover {
+  --gradient-to-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-200:hover {
+  --gradient-to-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-300:hover {
+  --gradient-to-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-400:hover {
+  --gradient-to-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-500:hover {
+  --gradient-to-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-600:hover {
+  --gradient-to-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-700:hover {
+  --gradient-to-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-800:hover {
+  --gradient-to-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-indigo-900:hover {
+  --gradient-to-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-100:hover {
+  --gradient-to-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-200:hover {
+  --gradient-to-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-300:hover {
+  --gradient-to-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-400:hover {
+  --gradient-to-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-500:hover {
+  --gradient-to-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-600:hover {
+  --gradient-to-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-700:hover {
+  --gradient-to-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-800:hover {
+  --gradient-to-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-purple-900:hover {
+  --gradient-to-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-100:hover {
+  --gradient-to-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-200:hover {
+  --gradient-to-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-300:hover {
+  --gradient-to-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-400:hover {
+  --gradient-to-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-500:hover {
+  --gradient-to-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-600:hover {
+  --gradient-to-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-700:hover {
+  --gradient-to-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-800:hover {
+  --gradient-to-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-to-pink-900:hover {
+  --gradient-to-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-transparent:hover {
+  --gradient-mid-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-current:hover {
+  --gradient-mid-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-black:hover {
+  --gradient-mid-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-white:hover {
+  --gradient-mid-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-100:hover {
+  --gradient-mid-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-200:hover {
+  --gradient-mid-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-300:hover {
+  --gradient-mid-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-400:hover {
+  --gradient-mid-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-500:hover {
+  --gradient-mid-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-600:hover {
+  --gradient-mid-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-700:hover {
+  --gradient-mid-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-800:hover {
+  --gradient-mid-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-gray-900:hover {
+  --gradient-mid-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-100:hover {
+  --gradient-mid-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-200:hover {
+  --gradient-mid-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-300:hover {
+  --gradient-mid-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-400:hover {
+  --gradient-mid-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-500:hover {
+  --gradient-mid-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-600:hover {
+  --gradient-mid-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-700:hover {
+  --gradient-mid-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-800:hover {
+  --gradient-mid-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-red-900:hover {
+  --gradient-mid-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-100:hover {
+  --gradient-mid-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-200:hover {
+  --gradient-mid-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-300:hover {
+  --gradient-mid-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-400:hover {
+  --gradient-mid-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-500:hover {
+  --gradient-mid-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-600:hover {
+  --gradient-mid-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-700:hover {
+  --gradient-mid-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-800:hover {
+  --gradient-mid-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-orange-900:hover {
+  --gradient-mid-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-100:hover {
+  --gradient-mid-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-200:hover {
+  --gradient-mid-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-300:hover {
+  --gradient-mid-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-400:hover {
+  --gradient-mid-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-500:hover {
+  --gradient-mid-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-600:hover {
+  --gradient-mid-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-700:hover {
+  --gradient-mid-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-800:hover {
+  --gradient-mid-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-yellow-900:hover {
+  --gradient-mid-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-100:hover {
+  --gradient-mid-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-200:hover {
+  --gradient-mid-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-300:hover {
+  --gradient-mid-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-400:hover {
+  --gradient-mid-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-500:hover {
+  --gradient-mid-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-600:hover {
+  --gradient-mid-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-700:hover {
+  --gradient-mid-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-800:hover {
+  --gradient-mid-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-green-900:hover {
+  --gradient-mid-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-100:hover {
+  --gradient-mid-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-200:hover {
+  --gradient-mid-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-300:hover {
+  --gradient-mid-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-400:hover {
+  --gradient-mid-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-500:hover {
+  --gradient-mid-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-600:hover {
+  --gradient-mid-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-700:hover {
+  --gradient-mid-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-800:hover {
+  --gradient-mid-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-teal-900:hover {
+  --gradient-mid-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-100:hover {
+  --gradient-mid-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-200:hover {
+  --gradient-mid-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-300:hover {
+  --gradient-mid-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-400:hover {
+  --gradient-mid-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-500:hover {
+  --gradient-mid-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-600:hover {
+  --gradient-mid-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-700:hover {
+  --gradient-mid-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-800:hover {
+  --gradient-mid-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-blue-900:hover {
+  --gradient-mid-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-100:hover {
+  --gradient-mid-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-200:hover {
+  --gradient-mid-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-300:hover {
+  --gradient-mid-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-400:hover {
+  --gradient-mid-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-500:hover {
+  --gradient-mid-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-600:hover {
+  --gradient-mid-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-700:hover {
+  --gradient-mid-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-800:hover {
+  --gradient-mid-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-indigo-900:hover {
+  --gradient-mid-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-100:hover {
+  --gradient-mid-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-200:hover {
+  --gradient-mid-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-300:hover {
+  --gradient-mid-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-400:hover {
+  --gradient-mid-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-500:hover {
+  --gradient-mid-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-600:hover {
+  --gradient-mid-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-700:hover {
+  --gradient-mid-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-800:hover {
+  --gradient-mid-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-purple-900:hover {
+  --gradient-mid-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-100:hover {
+  --gradient-mid-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-200:hover {
+  --gradient-mid-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-300:hover {
+  --gradient-mid-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-400:hover {
+  --gradient-mid-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-500:hover {
+  --gradient-mid-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-600:hover {
+  --gradient-mid-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-700:hover {
+  --gradient-mid-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-800:hover {
+  --gradient-mid-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.hover\:gradient-mid-pink-900:hover {
+  --gradient-mid-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-from-transparent:focus {
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-current:focus {
+  --gradient-from-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-black:focus {
+  --gradient-from-color: #000;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-white:focus {
+  --gradient-from-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-100:focus {
+  --gradient-from-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-200:focus {
+  --gradient-from-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-300:focus {
+  --gradient-from-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-400:focus {
+  --gradient-from-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-500:focus {
+  --gradient-from-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-600:focus {
+  --gradient-from-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-700:focus {
+  --gradient-from-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-800:focus {
+  --gradient-from-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-gray-900:focus {
+  --gradient-from-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-100:focus {
+  --gradient-from-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-200:focus {
+  --gradient-from-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-300:focus {
+  --gradient-from-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-400:focus {
+  --gradient-from-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-500:focus {
+  --gradient-from-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-600:focus {
+  --gradient-from-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-700:focus {
+  --gradient-from-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-800:focus {
+  --gradient-from-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-red-900:focus {
+  --gradient-from-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-100:focus {
+  --gradient-from-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-200:focus {
+  --gradient-from-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-300:focus {
+  --gradient-from-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-400:focus {
+  --gradient-from-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-500:focus {
+  --gradient-from-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-600:focus {
+  --gradient-from-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-700:focus {
+  --gradient-from-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-800:focus {
+  --gradient-from-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-orange-900:focus {
+  --gradient-from-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-100:focus {
+  --gradient-from-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-200:focus {
+  --gradient-from-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-300:focus {
+  --gradient-from-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-400:focus {
+  --gradient-from-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-500:focus {
+  --gradient-from-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-600:focus {
+  --gradient-from-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-700:focus {
+  --gradient-from-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-800:focus {
+  --gradient-from-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-yellow-900:focus {
+  --gradient-from-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-100:focus {
+  --gradient-from-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-200:focus {
+  --gradient-from-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-300:focus {
+  --gradient-from-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-400:focus {
+  --gradient-from-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-500:focus {
+  --gradient-from-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-600:focus {
+  --gradient-from-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-700:focus {
+  --gradient-from-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-800:focus {
+  --gradient-from-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-green-900:focus {
+  --gradient-from-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-100:focus {
+  --gradient-from-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-200:focus {
+  --gradient-from-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-300:focus {
+  --gradient-from-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-400:focus {
+  --gradient-from-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-500:focus {
+  --gradient-from-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-600:focus {
+  --gradient-from-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-700:focus {
+  --gradient-from-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-800:focus {
+  --gradient-from-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-teal-900:focus {
+  --gradient-from-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-100:focus {
+  --gradient-from-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-200:focus {
+  --gradient-from-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-300:focus {
+  --gradient-from-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-400:focus {
+  --gradient-from-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-500:focus {
+  --gradient-from-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-600:focus {
+  --gradient-from-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-700:focus {
+  --gradient-from-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-800:focus {
+  --gradient-from-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-blue-900:focus {
+  --gradient-from-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-100:focus {
+  --gradient-from-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-200:focus {
+  --gradient-from-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-300:focus {
+  --gradient-from-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-400:focus {
+  --gradient-from-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-500:focus {
+  --gradient-from-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-600:focus {
+  --gradient-from-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-700:focus {
+  --gradient-from-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-800:focus {
+  --gradient-from-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-indigo-900:focus {
+  --gradient-from-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-100:focus {
+  --gradient-from-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-200:focus {
+  --gradient-from-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-300:focus {
+  --gradient-from-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-400:focus {
+  --gradient-from-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-500:focus {
+  --gradient-from-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-600:focus {
+  --gradient-from-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-700:focus {
+  --gradient-from-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-800:focus {
+  --gradient-from-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-purple-900:focus {
+  --gradient-from-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-100:focus {
+  --gradient-from-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-200:focus {
+  --gradient-from-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-300:focus {
+  --gradient-from-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-400:focus {
+  --gradient-from-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-500:focus {
+  --gradient-from-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-600:focus {
+  --gradient-from-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-700:focus {
+  --gradient-from-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-800:focus {
+  --gradient-from-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-from-pink-900:focus {
+  --gradient-from-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color);
+}
+
+.focus\:gradient-to-transparent:focus {
+  --gradient-to-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-current:focus {
+  --gradient-to-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-black:focus {
+  --gradient-to-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-white:focus {
+  --gradient-to-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-100:focus {
+  --gradient-to-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-200:focus {
+  --gradient-to-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-300:focus {
+  --gradient-to-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-400:focus {
+  --gradient-to-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-500:focus {
+  --gradient-to-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-600:focus {
+  --gradient-to-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-700:focus {
+  --gradient-to-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-800:focus {
+  --gradient-to-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-gray-900:focus {
+  --gradient-to-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-100:focus {
+  --gradient-to-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-200:focus {
+  --gradient-to-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-300:focus {
+  --gradient-to-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-400:focus {
+  --gradient-to-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-500:focus {
+  --gradient-to-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-600:focus {
+  --gradient-to-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-700:focus {
+  --gradient-to-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-800:focus {
+  --gradient-to-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-red-900:focus {
+  --gradient-to-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-100:focus {
+  --gradient-to-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-200:focus {
+  --gradient-to-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-300:focus {
+  --gradient-to-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-400:focus {
+  --gradient-to-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-500:focus {
+  --gradient-to-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-600:focus {
+  --gradient-to-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-700:focus {
+  --gradient-to-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-800:focus {
+  --gradient-to-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-orange-900:focus {
+  --gradient-to-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-100:focus {
+  --gradient-to-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-200:focus {
+  --gradient-to-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-300:focus {
+  --gradient-to-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-400:focus {
+  --gradient-to-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-500:focus {
+  --gradient-to-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-600:focus {
+  --gradient-to-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-700:focus {
+  --gradient-to-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-800:focus {
+  --gradient-to-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-yellow-900:focus {
+  --gradient-to-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-100:focus {
+  --gradient-to-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-200:focus {
+  --gradient-to-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-300:focus {
+  --gradient-to-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-400:focus {
+  --gradient-to-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-500:focus {
+  --gradient-to-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-600:focus {
+  --gradient-to-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-700:focus {
+  --gradient-to-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-800:focus {
+  --gradient-to-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-green-900:focus {
+  --gradient-to-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-100:focus {
+  --gradient-to-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-200:focus {
+  --gradient-to-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-300:focus {
+  --gradient-to-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-400:focus {
+  --gradient-to-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-500:focus {
+  --gradient-to-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-600:focus {
+  --gradient-to-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-700:focus {
+  --gradient-to-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-800:focus {
+  --gradient-to-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-teal-900:focus {
+  --gradient-to-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-100:focus {
+  --gradient-to-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-200:focus {
+  --gradient-to-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-300:focus {
+  --gradient-to-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-400:focus {
+  --gradient-to-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-500:focus {
+  --gradient-to-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-600:focus {
+  --gradient-to-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-700:focus {
+  --gradient-to-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-800:focus {
+  --gradient-to-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-blue-900:focus {
+  --gradient-to-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-100:focus {
+  --gradient-to-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-200:focus {
+  --gradient-to-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-300:focus {
+  --gradient-to-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-400:focus {
+  --gradient-to-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-500:focus {
+  --gradient-to-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-600:focus {
+  --gradient-to-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-700:focus {
+  --gradient-to-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-800:focus {
+  --gradient-to-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-indigo-900:focus {
+  --gradient-to-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-100:focus {
+  --gradient-to-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-200:focus {
+  --gradient-to-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-300:focus {
+  --gradient-to-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-400:focus {
+  --gradient-to-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-500:focus {
+  --gradient-to-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-600:focus {
+  --gradient-to-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-700:focus {
+  --gradient-to-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-800:focus {
+  --gradient-to-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-purple-900:focus {
+  --gradient-to-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-100:focus {
+  --gradient-to-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-200:focus {
+  --gradient-to-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-300:focus {
+  --gradient-to-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-400:focus {
+  --gradient-to-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-500:focus {
+  --gradient-to-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-600:focus {
+  --gradient-to-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-700:focus {
+  --gradient-to-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-800:focus {
+  --gradient-to-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-to-pink-900:focus {
+  --gradient-to-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-transparent:focus {
+  --gradient-mid-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-current:focus {
+  --gradient-mid-color: currentColor;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-black:focus {
+  --gradient-mid-color: #000;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-white:focus {
+  --gradient-mid-color: #fff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-100:focus {
+  --gradient-mid-color: #f7fafc;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-200:focus {
+  --gradient-mid-color: #edf2f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-300:focus {
+  --gradient-mid-color: #e2e8f0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-400:focus {
+  --gradient-mid-color: #cbd5e0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-500:focus {
+  --gradient-mid-color: #a0aec0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-600:focus {
+  --gradient-mid-color: #718096;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-700:focus {
+  --gradient-mid-color: #4a5568;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-800:focus {
+  --gradient-mid-color: #2d3748;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-gray-900:focus {
+  --gradient-mid-color: #1a202c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-100:focus {
+  --gradient-mid-color: #fff5f5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-200:focus {
+  --gradient-mid-color: #fed7d7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-300:focus {
+  --gradient-mid-color: #feb2b2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-400:focus {
+  --gradient-mid-color: #fc8181;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-500:focus {
+  --gradient-mid-color: #f56565;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-600:focus {
+  --gradient-mid-color: #e53e3e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-700:focus {
+  --gradient-mid-color: #c53030;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-800:focus {
+  --gradient-mid-color: #9b2c2c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-red-900:focus {
+  --gradient-mid-color: #742a2a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-100:focus {
+  --gradient-mid-color: #fffaf0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-200:focus {
+  --gradient-mid-color: #feebc8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-300:focus {
+  --gradient-mid-color: #fbd38d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-400:focus {
+  --gradient-mid-color: #f6ad55;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-500:focus {
+  --gradient-mid-color: #ed8936;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-600:focus {
+  --gradient-mid-color: #dd6b20;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-700:focus {
+  --gradient-mid-color: #c05621;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-800:focus {
+  --gradient-mid-color: #9c4221;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-orange-900:focus {
+  --gradient-mid-color: #7b341e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-100:focus {
+  --gradient-mid-color: #fffff0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-200:focus {
+  --gradient-mid-color: #fefcbf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-300:focus {
+  --gradient-mid-color: #faf089;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-400:focus {
+  --gradient-mid-color: #f6e05e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-500:focus {
+  --gradient-mid-color: #ecc94b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-600:focus {
+  --gradient-mid-color: #d69e2e;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-700:focus {
+  --gradient-mid-color: #b7791f;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-800:focus {
+  --gradient-mid-color: #975a16;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-yellow-900:focus {
+  --gradient-mid-color: #744210;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-100:focus {
+  --gradient-mid-color: #f0fff4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-200:focus {
+  --gradient-mid-color: #c6f6d5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-300:focus {
+  --gradient-mid-color: #9ae6b4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-400:focus {
+  --gradient-mid-color: #68d391;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-500:focus {
+  --gradient-mid-color: #48bb78;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-600:focus {
+  --gradient-mid-color: #38a169;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-700:focus {
+  --gradient-mid-color: #2f855a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-800:focus {
+  --gradient-mid-color: #276749;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-green-900:focus {
+  --gradient-mid-color: #22543d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-100:focus {
+  --gradient-mid-color: #e6fffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-200:focus {
+  --gradient-mid-color: #b2f5ea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-300:focus {
+  --gradient-mid-color: #81e6d9;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-400:focus {
+  --gradient-mid-color: #4fd1c5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-500:focus {
+  --gradient-mid-color: #38b2ac;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-600:focus {
+  --gradient-mid-color: #319795;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-700:focus {
+  --gradient-mid-color: #2c7a7b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-800:focus {
+  --gradient-mid-color: #285e61;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-teal-900:focus {
+  --gradient-mid-color: #234e52;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-100:focus {
+  --gradient-mid-color: #ebf8ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-200:focus {
+  --gradient-mid-color: #bee3f8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-300:focus {
+  --gradient-mid-color: #90cdf4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-400:focus {
+  --gradient-mid-color: #63b3ed;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-500:focus {
+  --gradient-mid-color: #4299e1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-600:focus {
+  --gradient-mid-color: #3182ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-700:focus {
+  --gradient-mid-color: #2b6cb0;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-800:focus {
+  --gradient-mid-color: #2c5282;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-blue-900:focus {
+  --gradient-mid-color: #2a4365;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-100:focus {
+  --gradient-mid-color: #ebf4ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-200:focus {
+  --gradient-mid-color: #c3dafe;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-300:focus {
+  --gradient-mid-color: #a3bffa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-400:focus {
+  --gradient-mid-color: #7f9cf5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-500:focus {
+  --gradient-mid-color: #667eea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-600:focus {
+  --gradient-mid-color: #5a67d8;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-700:focus {
+  --gradient-mid-color: #4c51bf;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-800:focus {
+  --gradient-mid-color: #434190;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-indigo-900:focus {
+  --gradient-mid-color: #3c366b;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-100:focus {
+  --gradient-mid-color: #faf5ff;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-200:focus {
+  --gradient-mid-color: #e9d8fd;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-300:focus {
+  --gradient-mid-color: #d6bcfa;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-400:focus {
+  --gradient-mid-color: #b794f4;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-500:focus {
+  --gradient-mid-color: #9f7aea;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-600:focus {
+  --gradient-mid-color: #805ad5;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-700:focus {
+  --gradient-mid-color: #6b46c1;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-800:focus {
+  --gradient-mid-color: #553c9a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-purple-900:focus {
+  --gradient-mid-color: #44337a;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-100:focus {
+  --gradient-mid-color: #fff5f7;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-200:focus {
+  --gradient-mid-color: #fed7e2;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-300:focus {
+  --gradient-mid-color: #fbb6ce;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-400:focus {
+  --gradient-mid-color: #f687b3;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-500:focus {
+  --gradient-mid-color: #ed64a6;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-600:focus {
+  --gradient-mid-color: #d53f8c;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-700:focus {
+  --gradient-mid-color: #b83280;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-800:focus {
+  --gradient-mid-color: #97266d;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
+.focus\:gradient-mid-pink-900:focus {
+  --gradient-mid-color: #702459;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+}
+
 .bg-opacity-0 {
   --bg-opacity: 0;
 }
@@ -17525,6 +21771,4252 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
+  .sm\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  }
+
+  .sm\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  }
+
+  .sm\:gradient-from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-black {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-white {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-100 {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-200 {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-300 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-400 {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-500 {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-600 {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-700 {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-800 {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-gray-900 {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-100 {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-200 {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-300 {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-400 {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-500 {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-600 {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-700 {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-800 {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-red-900 {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-100 {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-200 {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-300 {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-400 {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-500 {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-600 {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-700 {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-800 {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-orange-900 {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-100 {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-200 {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-300 {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-400 {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-500 {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-600 {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-700 {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-800 {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-yellow-900 {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-100 {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-200 {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-300 {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-400 {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-500 {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-600 {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-700 {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-800 {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-green-900 {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-100 {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-200 {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-300 {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-400 {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-500 {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-600 {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-700 {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-800 {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-teal-900 {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-100 {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-200 {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-300 {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-400 {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-500 {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-600 {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-700 {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-800 {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-blue-900 {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-100 {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-200 {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-300 {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-400 {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-500 {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-600 {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-700 {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-800 {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-indigo-900 {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-100 {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-200 {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-300 {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-400 {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-500 {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-600 {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-700 {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-800 {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-purple-900 {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-100 {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-200 {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-300 {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-400 {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-500 {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-600 {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-700 {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-800 {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-from-pink-900 {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:gradient-to-transparent {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-current {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-black {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-white {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-100 {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-200 {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-500 {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-600 {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-700 {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-800 {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-gray-900 {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-100 {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-200 {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-300 {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-400 {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-500 {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-600 {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-700 {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-800 {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-red-900 {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-100 {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-200 {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-300 {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-400 {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-500 {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-600 {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-700 {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-800 {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-orange-900 {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-100 {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-300 {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-700 {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-800 {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-yellow-900 {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-100 {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-200 {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-300 {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-400 {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-500 {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-600 {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-700 {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-800 {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-green-900 {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-100 {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-300 {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-500 {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-600 {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-800 {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-teal-900 {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-200 {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-300 {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-400 {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-500 {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-600 {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-800 {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-blue-900 {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-500 {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-800 {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-indigo-900 {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-100 {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-400 {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-500 {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-600 {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-700 {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-800 {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-purple-900 {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-100 {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-200 {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-400 {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-500 {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-600 {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-700 {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-800 {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-to-pink-900 {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-transparent {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-current {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-black {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-white {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-200 {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-300 {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-400 {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-500 {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-600 {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-700 {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-800 {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-gray-900 {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-100 {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-200 {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-300 {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-400 {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-500 {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-600 {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-700 {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-red-900 {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-100 {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-200 {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-400 {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-600 {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-700 {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-800 {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-orange-900 {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-100 {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-200 {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-300 {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-400 {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-500 {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-600 {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-700 {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-800 {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-green-900 {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-100 {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-200 {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-300 {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-400 {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-500 {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-600 {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-700 {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-800 {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-teal-900 {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-100 {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-200 {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-300 {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-400 {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-500 {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-600 {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-700 {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-800 {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-blue-900 {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-100 {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-200 {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-300 {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-400 {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-600 {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-800 {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-purple-900 {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-300 {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-500 {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-700 {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-800 {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:gradient-mid-pink-900 {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .sm\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .sm\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
   .sm\:bg-opacity-0 {
     --bg-opacity: 0;
   }
@@ -31557,6 +40049,4252 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
+  .md\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  }
+
+  .md\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  }
+
+  .md\:gradient-from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-black {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-white {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-100 {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-200 {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-300 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-400 {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-500 {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-600 {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-700 {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-800 {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-gray-900 {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-100 {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-200 {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-300 {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-400 {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-500 {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-600 {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-700 {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-800 {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-red-900 {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-100 {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-200 {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-300 {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-400 {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-500 {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-600 {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-700 {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-800 {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-orange-900 {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-100 {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-200 {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-300 {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-400 {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-500 {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-600 {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-700 {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-800 {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-yellow-900 {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-100 {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-200 {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-300 {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-400 {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-500 {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-600 {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-700 {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-800 {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-green-900 {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-100 {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-200 {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-300 {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-400 {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-500 {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-600 {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-700 {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-800 {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-teal-900 {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-100 {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-200 {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-300 {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-400 {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-500 {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-600 {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-700 {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-800 {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-blue-900 {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-100 {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-200 {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-300 {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-400 {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-500 {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-600 {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-700 {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-800 {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-indigo-900 {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-100 {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-200 {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-300 {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-400 {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-500 {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-600 {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-700 {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-800 {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-purple-900 {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-100 {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-200 {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-300 {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-400 {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-500 {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-600 {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-700 {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-800 {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-from-pink-900 {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:gradient-to-transparent {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-current {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-black {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-white {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-100 {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-200 {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-500 {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-600 {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-700 {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-800 {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-gray-900 {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-100 {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-200 {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-300 {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-400 {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-500 {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-600 {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-700 {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-800 {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-red-900 {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-100 {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-200 {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-300 {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-400 {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-500 {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-600 {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-700 {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-800 {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-orange-900 {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-100 {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-300 {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-700 {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-800 {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-yellow-900 {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-100 {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-200 {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-300 {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-400 {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-500 {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-600 {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-700 {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-800 {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-green-900 {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-100 {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-300 {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-500 {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-600 {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-800 {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-teal-900 {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-200 {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-300 {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-400 {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-500 {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-600 {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-800 {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-blue-900 {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-500 {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-800 {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-indigo-900 {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-100 {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-400 {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-500 {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-600 {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-700 {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-800 {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-purple-900 {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-100 {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-200 {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-400 {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-500 {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-600 {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-700 {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-800 {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-to-pink-900 {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-transparent {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-current {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-black {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-white {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-200 {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-300 {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-400 {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-500 {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-600 {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-700 {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-800 {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-gray-900 {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-100 {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-200 {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-300 {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-400 {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-500 {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-600 {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-700 {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-red-900 {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-100 {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-200 {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-400 {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-600 {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-700 {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-800 {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-orange-900 {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-100 {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-200 {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-300 {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-400 {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-500 {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-600 {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-700 {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-800 {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-green-900 {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-100 {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-200 {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-300 {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-400 {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-500 {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-600 {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-700 {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-800 {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-teal-900 {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-100 {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-200 {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-300 {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-400 {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-500 {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-600 {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-700 {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-800 {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-blue-900 {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-100 {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-200 {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-300 {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-400 {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-600 {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-800 {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-purple-900 {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-300 {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-500 {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-700 {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-800 {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:gradient-mid-pink-900 {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .md\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .md\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
   .md\:bg-opacity-0 {
     --bg-opacity: 0;
   }
@@ -45589,6 +58327,4252 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
+  .lg\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  }
+
+  .lg\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  }
+
+  .lg\:gradient-from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-black {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-white {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-100 {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-200 {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-300 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-400 {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-500 {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-600 {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-700 {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-800 {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-gray-900 {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-100 {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-200 {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-300 {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-400 {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-500 {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-600 {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-700 {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-800 {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-red-900 {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-100 {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-200 {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-300 {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-400 {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-500 {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-600 {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-700 {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-800 {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-orange-900 {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-100 {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-200 {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-300 {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-400 {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-500 {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-600 {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-700 {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-800 {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-yellow-900 {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-100 {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-200 {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-300 {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-400 {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-500 {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-600 {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-700 {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-800 {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-green-900 {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-100 {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-200 {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-300 {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-400 {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-500 {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-600 {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-700 {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-800 {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-teal-900 {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-100 {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-200 {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-300 {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-400 {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-500 {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-600 {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-700 {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-800 {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-blue-900 {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-100 {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-200 {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-300 {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-400 {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-500 {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-600 {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-700 {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-800 {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-indigo-900 {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-100 {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-200 {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-300 {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-400 {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-500 {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-600 {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-700 {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-800 {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-purple-900 {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-100 {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-200 {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-300 {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-400 {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-500 {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-600 {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-700 {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-800 {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-from-pink-900 {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:gradient-to-transparent {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-current {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-black {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-white {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-100 {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-200 {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-500 {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-600 {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-700 {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-800 {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-gray-900 {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-100 {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-200 {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-300 {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-400 {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-500 {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-600 {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-700 {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-800 {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-red-900 {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-100 {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-200 {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-300 {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-400 {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-500 {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-600 {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-700 {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-800 {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-orange-900 {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-100 {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-300 {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-700 {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-800 {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-yellow-900 {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-100 {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-200 {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-300 {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-400 {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-500 {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-600 {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-700 {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-800 {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-green-900 {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-100 {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-300 {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-500 {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-600 {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-800 {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-teal-900 {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-200 {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-300 {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-400 {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-500 {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-600 {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-800 {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-blue-900 {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-500 {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-800 {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-indigo-900 {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-100 {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-400 {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-500 {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-600 {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-700 {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-800 {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-purple-900 {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-100 {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-200 {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-400 {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-500 {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-600 {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-700 {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-800 {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-to-pink-900 {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-transparent {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-current {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-black {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-white {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-200 {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-300 {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-400 {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-500 {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-600 {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-700 {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-800 {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-gray-900 {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-100 {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-200 {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-300 {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-400 {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-500 {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-600 {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-700 {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-red-900 {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-100 {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-200 {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-400 {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-600 {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-700 {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-800 {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-orange-900 {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-100 {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-200 {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-300 {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-400 {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-500 {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-600 {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-700 {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-800 {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-green-900 {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-100 {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-200 {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-300 {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-400 {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-500 {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-600 {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-700 {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-800 {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-teal-900 {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-100 {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-200 {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-300 {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-400 {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-500 {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-600 {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-700 {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-800 {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-blue-900 {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-100 {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-200 {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-300 {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-400 {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-600 {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-800 {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-purple-900 {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-300 {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-500 {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-700 {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-800 {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:gradient-mid-pink-900 {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .lg\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .lg\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
   .lg\:bg-opacity-0 {
     --bg-opacity: 0;
   }
@@ -59621,6 +76605,4252 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
+  .xl\:bg-gradient-up {
+    background-image: linear-gradient(0deg, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-right {
+    background-image: linear-gradient(90deg, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-down {
+    background-image: linear-gradient(180deg, var(--gradient-color-stops));
+  }
+
+  .xl\:bg-gradient-left {
+    background-image: linear-gradient(270deg, var(--gradient-color-stops));
+  }
+
+  .xl\:gradient-from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-black {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-white {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-100 {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-200 {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-300 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-400 {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-500 {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-600 {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-700 {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-800 {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-gray-900 {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-100 {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-200 {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-300 {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-400 {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-500 {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-600 {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-700 {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-800 {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-red-900 {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-100 {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-200 {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-300 {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-400 {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-500 {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-600 {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-700 {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-800 {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-orange-900 {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-100 {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-200 {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-300 {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-400 {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-500 {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-600 {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-700 {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-800 {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-yellow-900 {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-100 {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-200 {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-300 {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-400 {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-500 {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-600 {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-700 {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-800 {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-green-900 {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-100 {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-200 {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-300 {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-400 {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-500 {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-600 {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-700 {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-800 {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-teal-900 {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-100 {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-200 {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-300 {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-400 {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-500 {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-600 {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-700 {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-800 {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-blue-900 {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-100 {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-200 {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-300 {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-400 {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-500 {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-600 {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-700 {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-800 {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-indigo-900 {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-100 {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-200 {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-300 {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-400 {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-500 {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-600 {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-700 {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-800 {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-purple-900 {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-100 {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-200 {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-300 {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-400 {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-500 {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-600 {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-700 {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-800 {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-from-pink-900 {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:gradient-to-transparent {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-current {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-black {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-white {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-100 {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-200 {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-500 {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-600 {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-700 {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-800 {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-gray-900 {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-100 {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-200 {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-300 {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-400 {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-500 {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-600 {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-700 {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-800 {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-red-900 {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-100 {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-200 {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-300 {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-400 {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-500 {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-600 {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-700 {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-800 {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-orange-900 {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-100 {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-300 {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-700 {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-800 {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-yellow-900 {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-100 {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-200 {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-300 {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-400 {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-500 {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-600 {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-700 {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-800 {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-green-900 {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-100 {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-300 {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-500 {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-600 {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-800 {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-teal-900 {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-200 {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-300 {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-400 {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-500 {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-600 {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-800 {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-blue-900 {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-500 {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-800 {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-indigo-900 {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-100 {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-400 {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-500 {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-600 {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-700 {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-800 {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-purple-900 {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-100 {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-200 {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-400 {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-500 {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-600 {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-700 {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-800 {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-to-pink-900 {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-transparent {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-current {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-black {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-white {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-100 {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-200 {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-300 {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-400 {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-500 {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-600 {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-700 {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-800 {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-gray-900 {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-100 {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-200 {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-300 {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-400 {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-500 {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-600 {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-700 {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-800 {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-red-900 {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-100 {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-200 {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-300 {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-400 {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-500 {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-600 {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-700 {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-800 {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-orange-900 {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-100 {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-200 {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-300 {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-400 {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-500 {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-600 {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-700 {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-800 {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-yellow-900 {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-100 {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-200 {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-300 {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-400 {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-500 {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-600 {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-700 {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-800 {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-green-900 {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-100 {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-200 {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-300 {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-400 {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-500 {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-600 {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-700 {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-800 {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-teal-900 {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-100 {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-200 {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-300 {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-400 {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-500 {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-600 {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-700 {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-800 {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-blue-900 {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-100 {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-200 {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-300 {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-400 {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-500 {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-600 {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-700 {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-800 {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-indigo-900 {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-100 {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-200 {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-300 {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-400 {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-500 {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-600 {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-700 {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-800 {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-purple-900 {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-100 {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-200 {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-300 {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-400 {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-500 {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-600 {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-700 {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-800 {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:gradient-mid-pink-900 {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-black:hover {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-white:hover {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-100:hover {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-200:hover {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-300:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-400:hover {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-500:hover {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-600:hover {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-700:hover {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-800:hover {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-gray-900:hover {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-100:hover {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-200:hover {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-300:hover {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-400:hover {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-500:hover {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-600:hover {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-700:hover {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-800:hover {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-red-900:hover {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-100:hover {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-200:hover {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-300:hover {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-400:hover {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-500:hover {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-600:hover {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-700:hover {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-800:hover {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-orange-900:hover {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-100:hover {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-200:hover {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-300:hover {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-400:hover {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-500:hover {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-600:hover {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-700:hover {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-800:hover {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-yellow-900:hover {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-100:hover {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-200:hover {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-300:hover {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-400:hover {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-500:hover {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-600:hover {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-700:hover {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-800:hover {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-green-900:hover {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-100:hover {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-200:hover {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-300:hover {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-400:hover {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-500:hover {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-600:hover {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-700:hover {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-800:hover {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-teal-900:hover {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-100:hover {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-200:hover {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-300:hover {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-400:hover {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-500:hover {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-600:hover {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-700:hover {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-800:hover {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-blue-900:hover {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-200:hover {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-300:hover {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-500:hover {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-600:hover {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-700:hover {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-800:hover {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-indigo-900:hover {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-100:hover {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-200:hover {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-300:hover {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-400:hover {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-500:hover {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-600:hover {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-700:hover {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-800:hover {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-purple-900:hover {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-100:hover {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-200:hover {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-300:hover {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-400:hover {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-500:hover {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-600:hover {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-700:hover {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-800:hover {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-from-pink-900:hover {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:hover\:gradient-to-transparent:hover {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-current:hover {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-black:hover {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-white:hover {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-600:hover {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-400:hover {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-500:hover {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-700:hover {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-red-900:hover {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-700:hover {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-yellow-900:hover {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-400:hover {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-500:hover {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-600:hover {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-700:hover {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-800:hover {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-green-900:hover {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-600:hover {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-800:hover {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-teal-900:hover {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-800:hover {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-purple-900:hover {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-700:hover {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-800:hover {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-to-pink-900:hover {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-transparent:hover {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-current:hover {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-black:hover {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-white:hover {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-100:hover {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-200:hover {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-300:hover {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-400:hover {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-500:hover {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-600:hover {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-700:hover {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-800:hover {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-gray-900:hover {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-100:hover {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-200:hover {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-300:hover {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-400:hover {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-500:hover {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-600:hover {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-700:hover {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-800:hover {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-red-900:hover {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-100:hover {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-200:hover {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-300:hover {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-400:hover {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-500:hover {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-600:hover {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-700:hover {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-800:hover {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-orange-900:hover {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-100:hover {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-200:hover {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-300:hover {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-400:hover {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-500:hover {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-600:hover {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-700:hover {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-800:hover {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-yellow-900:hover {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-100:hover {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-200:hover {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-300:hover {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-400:hover {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-500:hover {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-600:hover {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-700:hover {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-800:hover {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-green-900:hover {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-100:hover {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-200:hover {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-300:hover {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-400:hover {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-500:hover {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-600:hover {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-700:hover {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-800:hover {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-teal-900:hover {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-100:hover {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-200:hover {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-300:hover {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-400:hover {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-500:hover {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-600:hover {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-700:hover {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-800:hover {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-blue-900:hover {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-100:hover {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-200:hover {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-300:hover {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-400:hover {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-500:hover {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-600:hover {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-700:hover {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-800:hover {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-indigo-900:hover {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-100:hover {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-200:hover {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-300:hover {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-400:hover {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-500:hover {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-600:hover {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-700:hover {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-800:hover {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-purple-900:hover {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-100:hover {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-200:hover {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-300:hover {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-400:hover {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-500:hover {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-600:hover {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-700:hover {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-800:hover {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:hover\:gradient-mid-pink-900:hover {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-black:focus {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-white:focus {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-100:focus {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-200:focus {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-300:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-400:focus {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-500:focus {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-600:focus {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-700:focus {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-800:focus {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-gray-900:focus {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-100:focus {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-200:focus {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-300:focus {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-400:focus {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-500:focus {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-600:focus {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-700:focus {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-800:focus {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-red-900:focus {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-100:focus {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-200:focus {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-300:focus {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-400:focus {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-500:focus {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-600:focus {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-700:focus {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-800:focus {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-orange-900:focus {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-100:focus {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-200:focus {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-300:focus {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-400:focus {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-500:focus {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-600:focus {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-700:focus {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-800:focus {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-yellow-900:focus {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-100:focus {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-200:focus {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-300:focus {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-400:focus {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-500:focus {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-600:focus {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-700:focus {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-800:focus {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-green-900:focus {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-100:focus {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-200:focus {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-300:focus {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-400:focus {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-500:focus {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-600:focus {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-700:focus {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-800:focus {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-teal-900:focus {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-100:focus {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-200:focus {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-300:focus {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-400:focus {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-500:focus {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-600:focus {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-700:focus {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-800:focus {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-blue-900:focus {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-200:focus {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-300:focus {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-500:focus {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-600:focus {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-700:focus {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-800:focus {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-indigo-900:focus {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-100:focus {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-200:focus {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-300:focus {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-400:focus {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-500:focus {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-600:focus {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-700:focus {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-800:focus {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-purple-900:focus {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-100:focus {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-200:focus {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-300:focus {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-400:focus {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-500:focus {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-600:focus {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-700:focus {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-800:focus {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-from-pink-900:focus {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color);
+  }
+
+  .xl\:focus\:gradient-to-transparent:focus {
+    --gradient-to-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-current:focus {
+    --gradient-to-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-black:focus {
+    --gradient-to-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-white:focus {
+    --gradient-to-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-600:focus {
+    --gradient-to-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-400:focus {
+    --gradient-to-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-500:focus {
+    --gradient-to-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-700:focus {
+    --gradient-to-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-red-900:focus {
+    --gradient-to-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-700:focus {
+    --gradient-to-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-yellow-900:focus {
+    --gradient-to-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-400:focus {
+    --gradient-to-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-500:focus {
+    --gradient-to-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-600:focus {
+    --gradient-to-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-700:focus {
+    --gradient-to-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-800:focus {
+    --gradient-to-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-green-900:focus {
+    --gradient-to-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-600:focus {
+    --gradient-to-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-800:focus {
+    --gradient-to-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-teal-900:focus {
+    --gradient-to-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-800:focus {
+    --gradient-to-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-purple-900:focus {
+    --gradient-to-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-700:focus {
+    --gradient-to-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-800:focus {
+    --gradient-to-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-to-pink-900:focus {
+    --gradient-to-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-transparent:focus {
+    --gradient-mid-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-current:focus {
+    --gradient-mid-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-black:focus {
+    --gradient-mid-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-white:focus {
+    --gradient-mid-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-100:focus {
+    --gradient-mid-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-200:focus {
+    --gradient-mid-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-300:focus {
+    --gradient-mid-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-400:focus {
+    --gradient-mid-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-500:focus {
+    --gradient-mid-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-600:focus {
+    --gradient-mid-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-700:focus {
+    --gradient-mid-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-800:focus {
+    --gradient-mid-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-gray-900:focus {
+    --gradient-mid-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-100:focus {
+    --gradient-mid-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-200:focus {
+    --gradient-mid-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-300:focus {
+    --gradient-mid-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-400:focus {
+    --gradient-mid-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-500:focus {
+    --gradient-mid-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-600:focus {
+    --gradient-mid-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-700:focus {
+    --gradient-mid-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-800:focus {
+    --gradient-mid-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-red-900:focus {
+    --gradient-mid-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-100:focus {
+    --gradient-mid-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-200:focus {
+    --gradient-mid-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-300:focus {
+    --gradient-mid-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-400:focus {
+    --gradient-mid-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-500:focus {
+    --gradient-mid-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-600:focus {
+    --gradient-mid-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-700:focus {
+    --gradient-mid-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-800:focus {
+    --gradient-mid-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-orange-900:focus {
+    --gradient-mid-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-100:focus {
+    --gradient-mid-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-200:focus {
+    --gradient-mid-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-300:focus {
+    --gradient-mid-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-400:focus {
+    --gradient-mid-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-500:focus {
+    --gradient-mid-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-600:focus {
+    --gradient-mid-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-700:focus {
+    --gradient-mid-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-800:focus {
+    --gradient-mid-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-yellow-900:focus {
+    --gradient-mid-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-100:focus {
+    --gradient-mid-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-200:focus {
+    --gradient-mid-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-300:focus {
+    --gradient-mid-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-400:focus {
+    --gradient-mid-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-500:focus {
+    --gradient-mid-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-600:focus {
+    --gradient-mid-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-700:focus {
+    --gradient-mid-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-800:focus {
+    --gradient-mid-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-green-900:focus {
+    --gradient-mid-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-100:focus {
+    --gradient-mid-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-200:focus {
+    --gradient-mid-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-300:focus {
+    --gradient-mid-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-400:focus {
+    --gradient-mid-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-500:focus {
+    --gradient-mid-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-600:focus {
+    --gradient-mid-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-700:focus {
+    --gradient-mid-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-800:focus {
+    --gradient-mid-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-teal-900:focus {
+    --gradient-mid-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-100:focus {
+    --gradient-mid-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-200:focus {
+    --gradient-mid-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-300:focus {
+    --gradient-mid-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-400:focus {
+    --gradient-mid-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-500:focus {
+    --gradient-mid-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-600:focus {
+    --gradient-mid-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-700:focus {
+    --gradient-mid-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-800:focus {
+    --gradient-mid-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-blue-900:focus {
+    --gradient-mid-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-100:focus {
+    --gradient-mid-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-200:focus {
+    --gradient-mid-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-300:focus {
+    --gradient-mid-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-400:focus {
+    --gradient-mid-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-500:focus {
+    --gradient-mid-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-600:focus {
+    --gradient-mid-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-700:focus {
+    --gradient-mid-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-800:focus {
+    --gradient-mid-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-indigo-900:focus {
+    --gradient-mid-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-100:focus {
+    --gradient-mid-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-200:focus {
+    --gradient-mid-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-300:focus {
+    --gradient-mid-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-400:focus {
+    --gradient-mid-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-500:focus {
+    --gradient-mid-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-600:focus {
+    --gradient-mid-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-700:focus {
+    --gradient-mid-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-800:focus {
+    --gradient-mid-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-purple-900:focus {
+    --gradient-mid-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-100:focus {
+    --gradient-mid-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-200:focus {
+    --gradient-mid-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-300:focus {
+    --gradient-mid-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-400:focus {
+    --gradient-mid-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-500:focus {
+    --gradient-mid-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-600:focus {
+    --gradient-mid-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-700:focus {
+    --gradient-mid-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-800:focus {
+    --gradient-mid-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
+  .xl\:focus\:gradient-mid-pink-900:focus {
+    --gradient-mid-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color);
+  }
+
   .xl\:bg-opacity-0 {
     --bg-opacity: 0;
   }
diff --git a/package.json b/package.json
index 4543c33fe..edb520867 100644
--- a/package.json
+++ b/package.json
@@ -65,6 +65,7 @@
     "postcss-js": "^2.0.0",
     "postcss-nested": "^4.1.1",
     "postcss-selector-parser": "^6.0.0",
+    "postcss-value-parser": "^4.1.0",
     "pretty-hrtime": "^1.0.3",
     "reduce-css-calc": "^2.1.6",
     "resolve": "^1.14.2"
diff --git a/src/corePlugins.js b/src/corePlugins.js
index e9c6e9cd3..c97649fcc 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -8,6 +8,8 @@ import appearance from './plugins/appearance'
 import backgroundAttachment from './plugins/backgroundAttachment'
 import backgroundClip from './plugins/backgroundClip'
 import backgroundColor from './plugins/backgroundColor'
+import backgroundImage from './plugins/backgroundImage'
+import gradientColor from './plugins/gradientColor'
 import backgroundPosition from './plugins/backgroundPosition'
 import backgroundRepeat from './plugins/backgroundRepeat'
 import backgroundSize from './plugins/backgroundSize'
@@ -116,6 +118,8 @@ export default function({ corePlugins: corePluginConfig }) {
     backgroundAttachment,
     backgroundClip,
     backgroundColor,
+    backgroundImage,
+    gradientColor,
     backgroundOpacity,
     backgroundPosition,
     backgroundRepeat,
diff --git a/src/plugins/backgroundImage.js b/src/plugins/backgroundImage.js
new file mode 100644
index 000000000..48b633b18
--- /dev/null
+++ b/src/plugins/backgroundImage.js
@@ -0,0 +1,23 @@
+import _ from 'lodash'
+import usesCustomProperties from '../util/usesCustomProperties'
+
+export default function() {
+  return function({ addUtilities, e, theme, variants, target }) {
+    const utilities = _.fromPairs(
+      _.map(theme('backgroundImage'), (value, modifier) => {
+        if (target('backgroundImage') === 'ie11' && usesCustomProperties(value)) {
+          return []
+        }
+
+        return [
+          `.${e(`bg-${modifier}`)}`,
+          {
+            'background-image': value,
+          },
+        ]
+      })
+    )
+
+    addUtilities(utilities, variants('backgroundImage'))
+  }
+}
diff --git a/src/plugins/gradientColor.js b/src/plugins/gradientColor.js
new file mode 100644
index 000000000..9ba4f0ce2
--- /dev/null
+++ b/src/plugins/gradientColor.js
@@ -0,0 +1,46 @@
+import _ from 'lodash'
+import flattenColorPalette from '../util/flattenColorPalette'
+
+export default function() {
+  return function({ addUtilities, e, theme, variants, target }) {
+    if (target('gradientColor') === 'ie11') {
+      return
+    }
+
+    const colors = flattenColorPalette(theme('gradientColor'))
+
+    const utilities = _(colors)
+      .map((value, modifier) => {
+        return [
+          [
+            `.${e(`gradient-from-${modifier}`)}`,
+            {
+              '--gradient-from-color': value,
+              '--gradient-color-stops': 'var(--gradient-from-color)',
+            },
+          ],
+          [
+            `.${e(`gradient-to-${modifier}`)}`,
+            {
+              '--gradient-to-color': value,
+              '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color)',
+            },
+          ],
+          [
+            `.${e(`gradient-mid-${modifier}`)}`,
+            {
+              '--gradient-mid-color': value,
+              '--gradient-color-stops':
+                'var(--gradient-from-color), var(--gradient-mid-color), var(--gradient-to-color)',
+            },
+          ],
+        ]
+      })
+      .unzip()
+      .flatten()
+      .fromPairs()
+      .value()
+
+    addUtilities(utilities, variants('gradientColor'))
+  }
+}
diff --git a/src/util/usesCustomProperties.js b/src/util/usesCustomProperties.js
new file mode 100644
index 000000000..d8f922f07
--- /dev/null
+++ b/src/util/usesCustomProperties.js
@@ -0,0 +1,14 @@
+import valueParser from 'postcss-value-parser'
+
+export default function usesCustomProperties(value) {
+  let foundCustomProperty = false
+
+  valueParser(value).walk(node => {
+    if (node.type === 'function' && node.value === 'var') {
+      foundCustomProperty = true
+    }
+    return !foundCustomProperty
+  })
+
+  return foundCustomProperty
+}
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index 356acfc43..e127f0922 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -151,6 +151,13 @@ module.exports = {
       '64': '16rem',
     },
     backgroundColor: theme => theme('colors'),
+    backgroundImage: {
+      'gradient-up': 'linear-gradient(0deg, var(--gradient-color-stops))',
+      'gradient-right': 'linear-gradient(90deg, var(--gradient-color-stops))',
+      'gradient-down': 'linear-gradient(180deg, var(--gradient-color-stops))',
+      'gradient-left': 'linear-gradient(270deg, var(--gradient-color-stops))',
+    },
+    gradientColor: theme => theme('colors'),
     backgroundOpacity: theme => theme('opacity'),
     backgroundPosition: {
       bottom: 'bottom',
@@ -660,6 +667,8 @@ module.exports = {
     backgroundAttachment: ['responsive'],
     backgroundClip: ['responsive'],
     backgroundColor: ['responsive', 'hover', 'focus'],
+    backgroundImage: ['responsive'],
+    gradientColor: ['responsive', 'hover', 'focus'],
     backgroundOpacity: ['responsive', 'hover', 'focus'],
     backgroundPosition: ['responsive'],
     backgroundRepeat: ['responsive'],